Skip to main content

Motion

Motion communicates state change, never decoration.

Durations​

PurposeDuration
State toggle120ms
Panel enter200ms
Page transition240ms

Easing​

Standard easing for entering elements, accelerated easing for exiting ones. Reduced motion preferences are respected globally.