stats.y2k-chrome-pixel-counters · Pixel counters

A stats pattern from Y2K Chrome, drawn alone below with this design's tokens and sample copy. Used in this design on: about page, section 2. Give the section root data-pattern="stats.y2k-chrome-pixel-counters". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A centred uppercase title at step 5, then four glossy counters in a row across 1–12: a pixel-font figure at step 6 in the accent over a mono uppercase label.
Slots
title, stats[4..4]
Grid areas
counters 2-11 (12-column grid, 1-based inclusive spans)
Tokens
bg #F6FBFF · text #192028 · heading #091018 · accent #00B0FB · accent2 #7D9FFF · Unbounded / Sora · radius 28px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A centred chrome title (step 5), then four panels in a row on 1–12: surface colour, token radius, 2 px border, padded 48 px; inside, centred, the number in the pixel/mono face at step 6 (like an old hit counter, digits in accent), and an uppercase pixel label. At phone width two per row.

Twelve years in numbers

140+

launches shipped

12

years independent

9 of 10

clients return

31%

average lift in demo requests