KPI row · Mono
A row of 2 to 4 headline metrics with values, change badges and a trend chart for whichever metric is selected.
Design · Mono19 / 20
Strict black and white outlined pills; the selected metric inverts to the accent and deltas lose their fills.
Motion
Each value counts up from zero with an ease-out curve, left to right, and the change badges settle in after the numbers land.
Accent
A row of 2 to 4 headline metrics with values, change badges and a trend chart for whichever metric is selected.
kpimetricsdashboardstatsdeltasparklineanalyticsoverview