stats.neo-grotesk-quiet-figures · Quiet figures

A stats pattern from Neo-grotesk Minimal, 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.neo-grotesk-quiet-figures". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Label on 1–3 and a short title at step 4 on 5–12, then 48 px below four figures in one row with vertical hairlines: the number at step 7, weight 400, tabular, a tiny muted label under it.
Slots
sectionLabel, title, stats[4..4]
Grid areas
label 1-3 · title 5-12 · figures 1-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #F95620 · accent2 #9E2C00 · Geist / Geist · radius 2px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A tiny uppercase label on 1–3 and a short title at step 4, weight 400, on 5–12; 48 px below, four figures in a 4-column row, each opened by a vertical hairline on its left: the number at step 7, weight 400, tight tracking, and a tiny uppercase muted label (step −1) under it. At phone width the figures sit two per row.

By the numbers

Twelve years in numbers

140+

launches shipped

12

years independent

9 of 10

clients return

31%

average lift in demo requests