UI kit

Analytics — the chart vocabulary

Every chart pattern the console uses, with the rules that keep them honest: brand hues as data colors, tabular figures, dashes for missing data, one highlight per chart.

Stat tiles — the atom, with honest deltas

Acts (30d)

67

▲ 12 vs prior

Participation

78%

▼ 4 pts

Hours

—

read failed · retry

Trend line — one series, one highlight

The pink dot marks the one annotated moment (challenge start) — never more than one per chart.

Stacked composition — story vs quick

Jun16
Jul24
Aug27
Story ActsQuick Acts (counted, never itemised)

Funnel — the ripple pipeline

Acts approved67
Loved48
Inspired a link24
Chains ≥3 deep8

The rules that keep every chart honest

Counts, not smoothing. Bars and dots are record counts; no interpolation, no heat-smoothing, no modelled fills. A gap is a gap.
A dash is a value. A failed read renders "—", never 0 or "…". Capped lists say they're capped and how they're sorted.
One highlight per chart. The gradient or the pink accent appears once; everything else stays in tints. Tabular figures everywhere numbers stack.