Motion

Editorial motion: restrained, fast, physical. Tier 1 lives in the kit primitives — every page gets it for free.

Modal

Backdrop fade + dialog scale-from-95%. 180ms.

Toast

Slide-in from right with layout reflow when stacked. 200ms.

Tabs

Underline slides between tabs — never jumps. 240ms.

Badge — status morph

Color crossfades when status changes. Click to cycle.

Field error

Validation messages slide-down 4px + fade. 200ms.

Skeleton — editorial shimmer

Single slow sweep, not a tech-y pulse. Respects prefers-reduced-motion.

lines
talent card
paragraph

Reduced motion

OS-level prefers-reduced-motion sets all transitions to ~0ms via globals.css. Verify by toggling your system setting.

Test it: macOS → System Settings → Accessibility → Display → Reduce motion. Windows → Settings → Accessibility → Visual effects → Animation effects. All animations on this page should become instant.