A field of numerals where type weight is the data: every glyph's weight encodes how far its metric has drifted from normal. Pulse's scan is a weight wave rolling across the grid; everything thins back out except one number that stays heavy, turns coral and swells into the hero.
The grid fills in row by row, top → bottom, all at one flat weight. Numbers flicker (value swaps) on every 8th note but nothing gets heavier — the sameness is the point; the serif question lands on beat 1 of bar 3.
On the drop a weight wave rolls diagonally top-left → bottom-right. Glyphs swell from 200 to 800 as the front passes and relax behind it; the lockup punches in at the wave's peak, "Acme" at 800 and "Pulse" at 200.
The scan wave passes left → right; every glyph thins back to 200 except one. It holds at 800, turns coral and pulses 800↔700 on each beat; on the downbeat it detaches and grows into the "−18%" hero, then the Roll back button lands on the next bar.
Acme PulseEach tagline line morphs its weight as a ramp, left → right then right → left. The ramps sweep once per bar, freeze on the downbeat, and "Start free" snaps from 200 to 800 on the final hit.
font-weight by distance: the visual form of the scan.Weight is a pre-attentive signal: the eye finds the heavy glyph before it reads a single number, which is exactly how an anomaly should feel. The system is pure typography, so it stays on-brand with nothing but your font. Risk: subtle weight steps vanish after compression and at thumbnail size — only use 200, ~500 and 800.
Adapt to your product: fill the grid with your own values (response times, stock levels, lead scores) and map deviation from normal to weight; use any variable font with a wide weight axis.
References: animationpatterns.art — variable-font weight morph