K–INSP–019 · Inspiration
X Developer Comparison Border
A quiet old-versus-new comparison gives only the preferred card a moving border, turning one pixel of light into hierarchy, direction, and emphasis.
View studyKaki catalogue
K–INSP–003 · Inspiration · Interaction
A hover-scrub milestone track paired with in-view rolling-number transitions.
Kaki reconstruction / Live
The first panel demonstrates the in-view odometer transition. Move across the second timeline or choose any point with touch or keyboard.
Reconstruction / In-view trigger
Reconstruction / Pointer, touch, and keyboard
December 2024
A late milestone demonstrates the counter's larger width and digit change.
Behavior verified in the supplied xAI archive · Kaki-authored interface and copy · still final state on reduced motion
Observed motion / 03
The diagrams explain the interaction without republishing source screenshots, media, or application code.
Why it is here
The metric grid uses a rolling-number transition—also called an odometer or digit roll. In the source, Number Flow animates each value once when roughly half of its card enters view, using a 600ms ease-out.
Two restrained motions make dense infrastructure data easier to scan: figures roll only when they enter view, while one horizontal gesture reveals the chronology without expanding the page.