stats.memphis-sticker-numbers · Sticker numbers

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

Rule
A title tilted −2°, then three or four figures as outlined stickers filling one row across the grid, alternating fills and tilts; the number at step 6, heaviest weight, the label in bold uppercase.
Slots
title, stats[3..4]
Grid areas
title 1-12 · stickers 1-12 (12-column grid, 1-based inclusive spans)
Notes
Alternate fills accent / surfaceAlt / accent2 and tilts −3° / 2° / −1°.
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #FF5FA2 · accent2 #9AAE00 · Bricolage Grotesque / DM Sans · radius 12px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A title (h2 at step 5, heaviest weight) rotated −2°, then three or four stickers filling one row across the full width (a four-column grid; four by default) with 32 px gaps, each padded 48 px top and bottom. Each sticker: 3 px black outline, hard offset shadow, alternating fills (surfaceAlt, then accent, then accent2 — use the matching on-colour for text) and alternating tilt; inside, the number at step 6 heaviest weight and a bold uppercase label. At phone width the stickers stack, one per row.

Twelve years in numbers

140+

launches shipped

12

years independent

9 of 10

clients return

31%

average lift in demo requests