stats.constructivist-five-year-plan · Five-year plan

A stats pattern from Constructivist, 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.constructivist-five-year-plan". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
An inverted black band: the title in capitals on 1–4, three or four figures on 6–12 as a two-column board — giant paper-coloured numeral, a short red bar, a capital caption.
Slots
title, stats[3..4]
Grid areas
title 1-4 · figures 6-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #EFE6D2 · text #16130F · heading #16130F · accent #C8102E · accent2 #FF7777 · Anton / Barlow Semi Condensed · radius 0px · space unit 8px (full list in design/tokens.json)
Section
background heading · full-bleed · vertical padding step 10

Pattern notes

  • An inverted full-bleed band (`bg: heading`, text `bg`): the title in capitals on 1–4; three or four figures on 6–12 as a two-column board — a giant numeral at step 5, a short red bar, a caption in small capitals.

Twelve years in numbers

140+

launches shipped

12

years independent

9 of 10

clients return

31%

average lift in demo requests