stats.seventies-bubble-figures · Bubble figures

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

Rule
A centred title, then three or four figures in one row, each inside a tall rounded surface bubble: fat orange numeral over a short centred caption.
Slots
title, stats[3..4]
Grid areas
title 1-12 · bubbles 1-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #F7E8C6 · text #3A1D0C · heading #4A1F08 · accent #D2561E · accent2 #BF8400 · Shrikhand / Nunito · radius 32px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A centred title (step 4), then three or four tall rounded `surface` bubbles in one row: a fat orange numeral at step 5 at the top and a short centred caption pinned to the bottom, so captions line up across the row.

Twelve years in numbers

140+

launches shipped

12

years independent

9 of 10

clients return