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 confirms an action; nothing else moves.
How many speeds exist?OneOne speed is enough for feedback.
How is easing defined?Standard ease-outA standard ease-out never draws attention.
How fast does feedback feel?FastFast feedback keeps up with experts.
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.fast
motion.duration.panelsduration.fast
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 (fast)No transitionFast feedback confirms the pointer without slowing experts.
Someone asked for less motionNo motionA shorter version of the motionA shorter motion still moves. When people ask for less motion, nothing moves.