Motion

What moves, why and how fast.

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

The five answers

Question	Answer	Why
What is motion for?	Feedback and guidance	Feedback and guidance through sign-up.
How many speeds exist?	Two	One speed for feedback, one for panels.
How is easing defined?	Standard ease-out	A standard ease-out across brands.
How fast does feedback feel?	Moderate	Moderate speed across brands.
Where does motion show?	State changes and panels	State changes and panels move.

Tokens

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

Aster

Token	Points to
motion.duration.feedback	duration.moderate
motion.duration.panels	duration.relaxed
motion.easing.standard	easing.standard

Birch

Token	Points to
motion.duration.feedback	duration.moderate
motion.duration.panels	duration.relaxed
motion.easing.standard	easing.standard

Coral

Token	Points to
motion.duration.feedback	duration.moderate
motion.duration.panels	duration.relaxed
motion.easing.standard	easing.standard

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

When to use what

Situation	Use	Not	Why
Hover and press feedback	motion.duration.feedback (moderate)	Brand-specific motion	Motion is shared, so one component library behaves the same in every brand.
Someone asked for less motion	Reduced motion	Full motion	Motion is reduced, not removed: a fade keeps the change visible, and nothing slides.