Stat card · Clay
A KPI card with a metric label, a large value, a coloured change badge, a sparkline and a 7d/30d/90d range switcher.
Design · Clay7 / 20
Puffy card, the sparkline sits in a pressed-in well and the selected range is pushed into the surface.
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