Skip to main content

Motion

What moves, why and how fast.

motion.duration.feedback motion.duration.panels motion.easing.standard

The five answers​

QuestionAnswerWhy
What is motion for?Feedback onlyMotion only confirms an action.
How many speeds exist?OneOne speed.
How is easing defined?Standard ease-outA standard ease-out is easy to follow.
How fast does feedback feel?ModerateModerate speed is easy to follow.
Where does motion show?State changes onlyOnly state changes move.

Tokens​

Each token points to another token. Values live only on primitives, below.

TokenPoints to
motion.duration.feedbackduration.moderate
motion.duration.panelsduration.moderate
motion.easing.standardeasing.standard

The raw values these tokens end at are on Primitives › Motion.

When to use what​

SituationUseNotWhy
Hover and press feedbackmotion.duration.feedback (moderate)Fast flickerModerate speed is easy to follow.
Someone asked for less motionNo motionReduced motionA shorter motion still moves. When people ask for less motion, nothing moves.