team.claymorphism-avatar-pals · Avatar pals

A team pattern from Claymorphism, 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.claymorphism-avatar-pals". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
h2 at step 6 with a ghost arrow link on one row; four to eight surface clay cards in four columns: a round clay avatar, bold name and muted role, centred in the card.
Slots
title, cta, team[4..8]
Tokens
bg #F2EDFF · text #2B2340 · heading #1E1733 · accent #FF64AC · accent2 #00C09F · Fredoka / Nunito · radius 32px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • h2 at step 6 and a ghost arrow link on one row. Four to eight white clay cards in four columns (two on phones): a round 1:1 clay avatar, the name at step 1 (weight 700) and a muted role, all centred.

The studio

Start a project

Rita Carvalho

Founder, strategy

Owen Blake

Design director

Sana Qureshi

Lead developer

Mateus Lima

Copy and naming