Stat card · High Contrast
A KPI card with a metric label, a large value, a coloured change badge, a sparkline and a 7d/30d/90d range switcher.
Design · High Contrast20 / 20
3 px frame, 40 px range buttons with a check on the selected one, delta spelled as Up or Down and outlined bars.
Motion
The value ticks up from zero with an ease-out curve and eases to the new figure when the range changes.
Accent
A KPI card with a metric label, a large value, a coloured change badge, a sparkline and a 7d/30d/90d range switcher.
kpimetricstatdashboardsparklinedeltaanalyticscard