Stats blocks · Klarhimmel UI

Stats, accent band
An edge-to-edge band in the accent colour: a short statement on the left and three or four big figures divided by hairlines on the right.
Light · Dark
Stats, bars
Two to six measures as labelled horizontal bars with the value at the end.
Light · Dark
Stats, cards
Two to four stat cards, each with a large value, a label, a line of context and an optional change badge.
Light · Dark
Stats, rings
Two to four percentages as rings with the figure in the middle, a label and a note under each.
Light · Dark
Stats row
A short heading and two to four large figures with labels.
Light · Dark
Stats, split
Heading and one oversized headline figure on the left, two to four supporting numbers in a hairline grid on the right.
Light · Dark

Stats