stats.isometric-volume-figures · Isometric volume figures

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

Rule
Intro in 1–4 (label, title, line, link); four figures across 5–12 on hairline dividers, each a 1:1 drawing whose cube count shows the quantity, over a big number and a muted caption.
Slots
label, title, body, cta2, stats[4..4]
Tokens
bg #F6FBFF · text #192028 · heading #091018 · accent #FF5A2C · accent2 #00ABC9 · Space Grotesk / Space Grotesk · radius 2px · space unit 4px (full list in design/tokens.json)

Pattern notes

  • Columns 1–4: label, h2 at step 5 (≤16 ch) and a muted line at the top, a link with arrow at the bottom. Columns 5–12: four figures on vertical hairlines, each a 1:1 drawing whose cube count or stack height shows the quantity, then the number at step 6 (600, tight, tabular) and a muted caption. Two per row on phones.

By the numbers

Twelve years in numbers

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.

Read case studies

140+

launches shipped

12

years independent

9 of 10

clients return

31%

average lift in demo requests