Motion
Sep 28, 2026
5 min
A motion token is a design decision with a clock on it
You already have tokens for colour and spacing. Time deserves the same treatment.

Ask a team how long their transitions run and you'll hear a dozen different numbers. That's the same problem as having a dozen greys.
Start with four
Most products need four durations and two curves. We name them after what they do, like enter, exit, shift and settle, rather than how long they take.
Give the brand a move
Pick one signature motion and use it everywhere: the logo, the page change, the button. Repetition is what people remember, far more than any single animation.
Ship it as code
A token in a PDF is a suggestion. A token in the codebase is the default, and that’s the version engineers actually use.