team.memphis-shape-portraits · Shape portraits

A team pattern from Memphis, 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.memphis-shape-portraits". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Portraits cropped to circles with black outlines, four per row; each sits on a different coloured shape offset behind it; name and role centred under it.
Slots
title, team[4..8]
Grid areas
title 1-8 · team 1-12 (12-column grid, 1-based inclusive spans)
Notes
Behind each portrait, offset 12 px: cycle a triangle, square and half-circle in accent / accent2 / surfaceAlt.
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #FF5FA2 · accent2 #9AAE00 · Bricolage Grotesque / DM Sans · radius 12px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Title (h2 at step 5) on 1–8. Then four or eight team members four per row: a circle-cropped portrait (illustrated or duotone) with a 3 px outline, a coloured shape offset behind it (cycling triangle/square/half-circle and fills), then the name (h3, heaviest weight) and role (body size) centred 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