The variable-font axis-morph is the brand behavior. Type deforms, puckers, stretches, and breathes live along its weight, width, and optical axes. Readable language in motion is the entire interface — not a decoration on top of one.
Move your cursor across the mark · scroll the page · the axes respond live
The rule: if color animates, it tracks the weight axis (Exat register) so motion and color are one system, not two competing ones. Otherwise color stays flat and the deformation is the whole show. Three registers ship with the direction.
Only the display plays. Body copy stays at a single static weight, because animating body text destroys legibility and the morph belongs to the headline alone. One animated axis-system per view — two competing morphs cancel each other into noise. The payload is always legible language; the moment a frame stops being readable, the direction has drifted into shader spectacle (#13).
Each is a real font-variation-settings animation — no CSS transform scaling anywhere on the page.
The hero wordmark is never truly static — a slow weight oscillation at rest, an active per-glyph morph as the cursor crosses it. Color tracks the weight via the axis-bound lookup. Scroll up to feel it; the HUD bottom-right reports the live axis values.
Per-glyph axis values driven by cursor distance — Exat's "rings of influence." Letters near the pointer thicken and lean; those far stay at rest. Move your cursor through the grid.
Scroll position is bound to the weight axis. As this line enters and crosses the viewport its weight climbs 300 → 1000 and its hue rides the axis-bound color bar with it. Not parallax — the type itself responds.
When color animates, it is mapped to an axis. This counter morphs its weight as it climbs and its color is computed from that same weight — light is cool, heavy is hot. One mapping, two outputs.
A KISS-style mark that deforms to mimic a mouth — width squeeze, weight pulse, optical lean — and snaps back. Every frame remains the readable word. Hover it. If it ever stopped being language, it would belong to #13, not here.
Every kinetic element reserves space for its wght 1000 peak via min-height and fixed cell sizing. The box below holds steady at every axis state — toggle the peak and watch the layout stay put.
Variable fonts have been a web standard for years; 2026 is when studios began treating the axis-animation as the whole identity system rather than a responsive nicety. Five channels confirmed ★NEW, anchored by four independent studios across four outlets.