blog.athletic-match-reports · Match reports

A blog pattern from Athletic Sport, drawn alone below with this design's tokens and sample copy. Not used in this design: shown with its tokens for comparison. Give the section root data-pattern="blog.athletic-match-reports". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
The lead report in 1–7 (duotone 16:9, italic caps headline, standfirst); three or four more reports as a ruled list in 8–12 with mono date and italic caps title.
Slots
image, title, body, posts[3..4]
Grid areas
lead 1-7 · list 8-12 (12-column grid, 1-based inclusive spans)
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

  • The lead report in 1–7: a duotone 16:9 photo, the italic caps h2 headline and a standfirst. Three or four further reports as a ruled list in 8–12: mono date, italic caps h4 title.

Field notes

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.

Apr 3, 2026 · 8 min

Your homepage is a sales call nobody attends

Mar 1, 2026 · 5 min

The case against the brand book

Jan 22, 2026 · 6 min

Naming a product in 2026