`team.bauhaus-circle-portraits` · Circle portraits

A team pattern from Bauhaus, drawn alone below with this design's tokens and sample copy. Used in this design on: about page, section 3. Give the section root data-pattern="team.bauhaus-circle-portraits". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule: Portraits cropped to circles, four per row; name lowercase and role beneath, flush left; a red bar opens the section.
Slots: title, team[4..12]
Grid areas: bar 1-4 · team 1-12 (12-column grid, 1-based inclusive spans)
Tokens: bg #FDF9F4 · text #241E16 · heading #150E06 · accent #0050CC · accent2 #AF0029 · Jost / Jost · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

An accent2 bar on 1–4 and the h2 (lowercase) open the section. Team members four per row: a grayscale portrait cropped to a circle, then name (h4, lowercase) and role (small, muted) flush left under it. At phone width two per row.

The studio

Rita Carvalho

Founder, strategy

Owen Blake

Design director

Sana Qureshi

Lead developer

Mateus Lima

Copy and naming