Motion Philosophy

Motion exists to guide attention and reinforce cause and effect. It is never ornamental.

Timing & Easing

Motion should feel confident and controlled. No bounce without purpose.

Sequencing & Choreography

Elements move in logical order. The interface should feel composed, not reactive.

Coordinated Movement

Related elements move together. Isolated motion creates confusion.

Transitions & Interactions

Transitions should feel invisible when done correctly.

Contextual Flow

Motion adapts to context. Respect user intent and pacing.

Do & Don’t Examples

Examples remove ambiguity. Follow them precisely.