stats.hardware-dial-row · Dial row

A stats pattern from Industrial Hardware, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 4. Give the section root data-pattern="stats.hardware-dial-row". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Part label and h2 left, a muted line right; four figures as dial keys, each a ring in the heading colour over a big value and a mono label.
Slots
label, title, body, stats[4..4]
Tokens
bg #E5E3DE · text #262522 · heading #111110 · accent #FF5B14 · accent2 #1C1C1A · Archivo / Archivo · radius 6px · space unit 4px (full list in design/tokens.json)

Pattern notes

  • Part label and h2 on the left, a muted line bottom-aligned on the right. Four dial keys in one row (two per row on phones): raised surface key, 16 px padding, spaced between: a 40 px encoder ring in the heading colour at the top, the value at step 6 (600, tight) and a mono label at the bottom.

By the numbers

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

12

years independent

9 of 10

clients return

31%

average lift in demo requests