team.scandinavian-soft-circle-portraits · Circle portraits

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

Rule
Title in 2–6 and a line in 8–11; four to eight people below, four per row, as circular portraits with centred name and role.
Slots
title, body, team[4..8]
Grid areas
title 2-6 · intro 8-11 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #69A382 · accent2 #5DA29C · Nunito / Nunito Sans · radius 16px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Title (h2 at step 5, weight 400) in 2–6, bottom-aligned with a muted line in 8–11. Then four or eight people, four per row, each a circular portrait with the name (label, weight 600) and role (small, muted) centred under it. One per row at phone width.

The studio

Each engagement starts with a two-week audit: interviews with customers, sales and the people who build the product. The brief writes itself after that.

Rita Carvalho

Founder, strategy

Owen Blake

Design director

Sana Qureshi

Lead developer

Mateus Lima

Copy and naming