Foundations

Motion

Short, purposeful motion. Hit replay on any tile.

Card in

Card

animate-card-in · 0.34s · spring

Row in

Row entering

animate-row-in · 0.3s · ease-out

Fade rise

Fade ↑

animate-fade-rise · 0.35s · ease-out

Pulse accent

animate-pulse-accent · 1.6s · infinite

Float

animate-float · 9s · infinite

Sweep

animate-sweep · 2.4s · infinite

Text sheen

Sheen

.text-sheen · 5s · infinite

Skeleton

.skeleton · 1.5s · infinite

Aurora drift

AuroraBackground · 9s · infinite

Reduced motion

The system honours prefers-reduced-motion: reduce globally — animations collapse to a single frame so the interface stays calm for people who ask for it. Don't override it.