Kinetic UI Assembly Strategy
Core Philosophy
- Structure Before Content — Container appears before content
- Conservation of Momentum — Elements settle, don't stop instantly
- Tight Staggering — 20-50ms delays create flow, not sequence
- Raw Brutalism — Minimal borders, system-default feel, full-width
Animation Tokens
Spring Physics (Framer Motion / lit-motion)
// Container (Heavy, grounded)
{ stiffness: 300, damping: 30, mass: 1 }
// Content (Light, snappy lock-in)
{ stiffness: 400, damping: 25, mass: 0.5 }
CSS Fallback (Overshoot Bezier)