stats.terminal-htop-meters · htop meters

A stats pattern from Terminal Mono, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 4; about page, section 3. Give the section root data-pattern="stats.terminal-htop-meters". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A framed htop panel: a muted header, then three to six rows split by dashed rules: label in bold on 1–3, an ASCII meter in the accent on 4–9, the value at step 4 right-aligned on 10–12.
Slots
sectionLabel, stats[3..6]
Notes
The meter is text: "[" + n × "|" + spaces + "]" sized to the value (e.g. 40 characters wide).
Tokens
bg #0B0F0C · text #C8D3C5 · heading #E6F0E3 · accent #3DDC84 · accent2 #279558 · JetBrains Mono / JetBrains Mono · radius 0px · space unit 4px (full list in design/tokens.json)

Pattern notes

  • A framed htop panel: a muted header line, then three to six rows split by dashed rules: label in bold on 1–3, an ASCII meter on 4–9 in the accent (`[|||||||||||| ]`, bar length proportional to the value), the value at step 4 in the accent, right-aligned on 10–12.

By the numbers

launches shipped

Counted since we opened, updated every quarter.

140+

years independent

Measured across every project, not our best ones.

12

clients return

From our own records, checked each year.

9 of 10

average lift in demo requests

Independently reviewed, published in full.

31%