team.technical-crew-cells · Technical crew cells

A team pattern from Technical Hairline, 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.technical-crew-cells". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Header, then four people in one bordered strip split by shared hairlines: square grayscale portrait, name at weight 500, mono role. Two per row on phones.
Slots
sectionLabel, title, body, team[4..4]
Grid areas
title 1-6 · intro 8-12 · people 1-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FAFAF8 · text #2E2E2B · heading #0B0B0A · accent #111110 · accent2 #7A7A7A · Geist / Geist · radius 12px · space unit 4px (full list in design/tokens.json)

Pattern notes

  • Section header, then four people in one bordered strip with shared hairlines: a square grayscale portrait, the name at weight 500 and the mono role. Two per row on phones.

Team

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