stats.midcentury-dial-row · Dial row

A stats pattern from Mid-Century Modern, 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.midcentury-dial-row". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A full-bleed teal band: label in 1–3, then three or four figures in one row across 4–12, each a bold numeral over a short centred caption, all in onAccent2.
Slots
sectionLabel, stats[3..4]
Grid areas
label 1-3 · figures 4-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #F3E9D6 · text #2B231B · heading #2B231B · accent #C9552A · accent2 #0099BE · League Spartan / Jost · radius 20px · space unit 8px (full list in design/tokens.json)
Section
background accent2 · full-bleed · vertical padding step 8

Pattern notes

  • A full-bleed `accent2` (teal) band, all text `onAccent2`: the label in 1–3 and three or four figures in one row across 4–12, each a bold numeral (step 5) centred over a short caption.

By the numbers

140+

launches shipped

12

years independent

9 of 10

clients return