team.athletic-roster · Roster

A team pattern from Athletic Sport, 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.athletic-roster". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Italic title, then four to twelve players four per row: a duotone 3:4 portrait, then name (italic caps) and squad number (step 4, link colour) on one baseline, and a mono position.
Slots
title, team[4..12]
Tokens
bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #FF3B00 · accent2 #00A1BA · Barlow Condensed / Barlow · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Italic caps title at step 5. Four to twelve players, four per row (two on phones): a duotone 3:4 portrait, then the name in italic caps h4 and the squad number at step 4 in the link colour on one baseline, then the mono position.

The studio

Rita Carvalho

01

Founder, strategy

Owen Blake

02

Design director

Sana Qureshi

03

Lead developer

Mateus Lima

04

Copy and naming