stats.neobrutal-number-tiles · Number tiles

A stats pattern from Neo-Brutalism, 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.neobrutal-number-tiles". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
On a yellow field: title 1–7 and a note bottom-aligned on 9–12, then three or four white bordered tiles with a huge black number.
Slots
title, body, stats[3..4]
Grid areas
title 1-7 · note 9-12 · tiles 1-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FFF4DE · text #111111 · heading #000000 · accent #FF5FA2 · accent2 #00BCA1 · Archivo Black / Space Grotesk · radius 8px · space unit 8px (full list in design/tokens.json)
Section
background surfaceAlt

Pattern notes

  • Section on the yellow `surfaceAlt` field. Title (h2, step 4) on 1–7, a short note bottom-aligned on 9–12. Then 3–4 white bordered tiles in one row across the full grid, each with a step-6 number at the heaviest weight and an uppercase bold label. Tiles carry the hard shadow. Phone: tiles stack.

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.

140+

launches shipped

12

years independent

9 of 10

clients return

31%

average lift in demo requests