Odysseus · search instrument
Find the technique, not the trend.
9 of 28 entries
Reduced Motion Contract
One honest global switch — system preference plus user override — that every animation layer already reads.
Scroll to Stage
Arm a GPU stage only when it enters the viewport, and drive a single uniform from scroll velocity — never from a second RAF.
CSS Depth Planes
Parallax depth without a renderer — stacked planes, scroll velocity, and grain that still reads when WebGL never arms.
Focus-Visible Contract
One ring treatment for the whole app — never removed, never replaced by colour alone, always :focus-visible.
Measure and Rhythm
Live axes for weight, optical size, and measure — type reviewed as a specimen, not a screenshot of a specimen.
Route View Transitions
Asymmetric enter/leave choreography for same-origin navigation, with named chrome that never cross-fades against itself.
Threshold Crossing
The first three seconds and every route change — a threshold that never mounts under reduced motion and never scroll-jacks.
Optical Pairing
Display serif against interface grotesque at intentional sizes — pairing as a ruled system, not a vibe.
Film Grain Restraint
A named film layer that survives view transitions and never becomes a second animation competing with the aura.