Slopless Design

stats.claymorphism-scoreboard · Scoreboard

A stats pattern from Claymorphism, 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.claymorphism-scoreboard". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule

One wide surfaceAlt clay board: h2 at step 5 and a line in 1–4, four white clay score pills in a 2×2 on 5–12 with numbers at step 8.

Slots

title, body, stats[4..4]

Grid areas

intro 1-4 · scores 5-12 (12-column grid, 1-based inclusive spans)

Tokens

bg #F2EDFF · text #2B2340 · heading #1E1733 · accent #FF64AC · accent2 #00C09F · Fredoka / Nunito · radius 32px · space unit 8px (full list in design/tokens.json)

Pattern notes

One wide surfaceAlt clay board (padding 80 px): h2 at step 5 and a line in 1–4, and a 2×2 of white score pills in 5–12, each a number at step 8 (weight 700, tight, tabular), a bold label and a muted note.

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

Since 2014

years independent

2025

9 of 10

clients return

Audited

31%

average lift in demo requests

Last 12 months