North star metric card

A latency card with the p95 headline, a distribution track marking each percentile, and a ruled row per percentile with a magnitude bar and value.

Stat card with a centered inline SVG progress ring showing a single percentage, a used of total sub-line, and a plan limit footer row.

A headline total with a stacked horizontal bar and legend showing the breakdown by source or category.

A card with a 2x2 grid of compact metrics each paired with an inline SVG sparkline, no chart library.

One wide card with a headline user count and a ruled breakdown list by plan with counts and share percentages.

Four stat cards with decorative inline SVG sparklines showing value, delta, and trailing 7 week trend.

Ops summary strip of four Badge-styled status tiles showing service counts for Operational, Degraded, Partial outage, and Maintenance.

A consistency card showing a current streak count, an inline SVG week-row of filled and empty day cells, and supporting stats.

Five teammates ranked by tickets closed, equal styling, a quality caveat footer.

A stat card in breach state showing a live metric against its configured threshold with a calm next-action line.

Two side by side tiles comparing the same metric across two segments with values, deltas, and a summary read.

An MRR movement card with a headline total, offset horizontal bars for each gain and loss, a color legend, and an axis note.