Move. Dwell. Move.
Everything moves on one beat. Elements index into place in discrete steps, counters tick like production counters, nothing floats.
Durations & easings
- 90
- --t-90 · micro, hover
- 180
- --t-180 · state change
- 300
- --t-300 · slat, panel
- 600
- --takt · index step
- 1200
- --t-1200 · chapter
Scroll-trigger catalog
The carrier jumps to the active station, never slides continuously. Progress fill may be continuous.
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
Digits roll one position per beat, like a mechanical counter. Illustrative count.
Five axes
Slats collapse bottom-up at 60–90 ms offsets. Reduced motion: cross-fade.
Stagger in 90 ms steps, so eight items land within the 600 ms beat plus one step.
Segments fill left to right in shift order. Animates once on scroll-in.
Tactile compress on press, badge stamps on confirm. Also used for toasts.
Motion budget
Hall Door, carrier, counters, exploded scrubs. D01, D02, D06, D09, D12.
180 ms state changes only. Finder, configurator, RFQ, service.
No decorative motion. Data updates without animation. D11.
- R.1Native scrolling only. No scroll-jacking, no smooth-scroll hijack.
- R.2Animate transform and opacity only.
- R.3prefers-reduced-motion: all transitions 0 ms, doors open, counters show final values.
- R.4Anything running longer than 5 s gets a visible pause control.