docs menu
motion
One ease-out curve and three durations. Motion confirms an action or shows where something went; it never delays a reply. With reduced motion, every non-essential animation stops, the cursor stops blinking, and Cat3D stays a still image.
tokens
| token | value | for |
|---|---|---|
--ease | cubic-bezier(.16,1,.3,1) | everything (expo-out) |
--d-fast | 120ms | hover, press, colour changes |
--d-base | 240ms | panels, toasts, small movements |
--d-slow | 600ms | large movements, rarely |
try it
Your device asks for reduced motion, so the dots jump instead of sliding.
The wordmark cursor blinks at 1 Hz in steps: