stats.organic-ring-counts · Ring counts

A stats pattern from Organic Earth, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 6; about page, section 2. Give the section root data-pattern="stats.organic-ring-counts". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A short title on 1–4; three or four counts on 5–12, each a large hand-drawn ring over a step-5 figure, with a caption below.
Slots
title, stats[3..4]
Grid areas
title 1-4 · counts 5-12 (12-column grid, 1-based inclusive spans)
Notes
Each ring is hand-drawn (hand: true): an uneven, slightly broken SVG stroke behind the figure, a little different on every count; figures in the heading serif.
Tokens
bg #F3EBDD · text #2E2A22 · heading #2A1F14 · accent #BC572B · accent2 #A56B00 · Fraunces / Karla · radius 28px · space unit 8px (full list in design/tokens.json)
Section
background surface

Pattern notes

  • On a `surface` band: a short h2 (step 4) on 1–4, then 3–4 counts in a row on 5–12 (stacked on phone), each a large hand-drawn ring (`hand: true`: an uneven stroke with a small break, a little different on every count; accent2, lg) over a figure at step 5 in the heading serif, with a muted caption (body size) under it.

Twelve years in numbers

140+

launches shipped

12

years independent

9 of 10

clients return