stats.frosted-gauge-panel · Gauge panel

A stats pattern from Frosted Glass, 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.frosted-gauge-panel". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
One wide frosted panel holds a short title and three or four gauges in a row: a ring mark, a figure and a muted caption each.
Slots
title, stats[3..4]
Grid areas
panel 1-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #0A0F1F · text #E4EAF6 · heading #FFFFFF · accent #6E8BFF · accent2 #A67AE8 · Sora / Manrope · radius 22px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • One wide frosted panel: an h2 title at step 3, then 3–4 gauges in a row, each a small accent2 ring (sm, can be drawn as a progress ring), the figure at step 5 weight 600 and a muted body-size caption.

Twelve years in numbers

140+

launches shipped

12

years independent

9 of 10

clients return

31%

average lift in demo requests