stats.brutalist-counter-strip · Counter strip

A stats pattern from Brutalist, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 5; about page, section 2. Give the section root data-pattern="stats.brutalist-counter-strip". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Four figures as a strip of touching bordered cells: the number in mono at step 5, the label in uppercase mono under it.
Slots
stats[4..4]
Grid areas
strip full (12-column grid, 1-based inclusive spans)
Tokens
bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #012FD3 · accent2 #4980FE · Space Mono / Space Mono · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Four cells in one row with zero gap and collapsed 2 px borders. Each cell: the number in the mono face at step 5 (weight 700, tabular) at the top, the uppercase mono label pinned to the bottom so labels line up across cells. Numbers are raw — no animation, no units in another colour. At phone width cells stack full width.

140+

launches shipped

12

years independent

9 of 10

clients return

31%

average lift in demo requests