Slopless Design

stats.swiss-figures · Figures

A stats pattern from Swiss International, 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.swiss-figures". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule

Big figures (step 7) in a 2×2 block across columns 4–12, each under a 2px rule; label and title in 1–3. Figures in the heading face, tabular, flush left.

Slots

sectionLabel, title, stats[2..4]

Grid areas

label 1-3 · figures 4-12 (12-column grid, 1-based inclusive spans)

Tokens

bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #E2271D · accent2 #850001 · Inter Tight / Hanken Grotesk · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

Label and a short h2 (step 4) in 1–3; two to four figures in a 2×2 block across 4–12. Each figure: a 2 px rule, the number at step 7 (weight 700, tabular, tight), and a small muted caption. No units in a second colour, no icons.

By the numbers

Twelve years in numbers

140+

launches shipped

years independent

9 of 10

clients return

31%

average lift in demo requests