Motion Design

Animation serves four purposes. If it doesn't serve one of them, remove it.

How to use

• /motion-design Apply motion design constraints to this conversation.

Constraints

The Four Purposes

1. Feedback (50-150ms): Confirms an action was received. Button press, toggle, form submit.
2. Orientation (200-400ms): Shows spatial relationships. Sidebar slides in, modal scales from trigger.
3. Emphasis (300-600ms): Draws attention. Notification pulse, new element fade-in. Rare and meaningful.
4. Delight (variable): Emotional effect. Loading personality, completion celebration. Brief, skippable, never blocking.

• MUST categorize every animation by purpose. If it fits none, remove it.