Built from Faina's four chosen sketches — Pulse tiles / Bento board for the hero row, Strips / Bubble grid for the comparison table — using the real Frost tokens (cl-protoapp-components) and the sketches' own computed styles, not approximations. Today's real numbers from schools/comparison.
Live page today: 197m time spent, 59 digital resources, 8.3K students & staff, 20.5K logins — four flat-colored cards, one number each, no trend. One tile is shown selected (the sketches' own "tabs" convention — clicking a tile would move this state, not add a new color per card).
Small multiples, one visual language — every card carries a living wave baseline and a pinned peak ring, so a trend is visible before anyone reads the number.
Each measure keeps the same mini bar-chart form — the sketch's own restraint, not four different icon metaphors — with plum reserved for the one card that already represents two roles combined.
The live table is already a blue heatmap, but every cell is colored — nothing marks which school actually leads. These keep the ramp only for the one standout cell per column (Strips) or encode it redundantly in size and shade (Bubble grid), straight from the sketches' own technique. Adapted from a 7-day grid to this page's 3-metric grid; rows ordered by Total, busiest school first.
Position beats color — one common 0–100% scale per column; only the column's single busiest school keeps the dark ramp color, the rest stay light.
Redundant encoding — radius and shade both say the same thing (area ∝ value, not diameter), so it still reads for colorblind viewers.