A single metric versus its target on a horizontal progress track with the gap and pace stated plainly.
Live counter card
An active user counter with a pulsing dot, a static sparkline, and an honest refresh cadence footnote.

More like this
Browse Application UI
One card holding three related metrics in a row with vertical dividers, each showing a value, label, and small delta.


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.
