Single tile from the Session Overview "summary grid" — one label, one
big value, an optional unit + sub-line. The design lays eight of
these out in a responsive grid; consumers render Metric in the cells
and the grid styling lives at the consuming page.
peak flips the value color to the amber brand accent — reserved for
the design's "peak" tiles (max speed, peak HP, peak torque, max
boost).
Single tile from the Session Overview "summary grid" — one label, one big value, an optional unit + sub-line. The design lays eight of these out in a responsive grid; consumers render Metric in the cells and the grid styling lives at the consuming page.
peakflips the value color to the amber brand accent — reserved for the design's "peak" tiles (max speed, peak HP, peak torque, max boost).