11 — Motion and Interaction System
Motion Hierarchy
- Tier 1 (always) — Page transitions, loading / skeleton, form validation, success / error, nav hover, smooth scroll, accordion, modal, tooltip
- Tier 2 (usually) — Scroll-reveal, hover enhancements, staggered reveals, counters, progress, subtle parallax
- Tier 3 (when appropriate) — CTA micro-interactions, confetti, animated illustrations, ambient motion, easter eggs
Anti-slop — each animation serves one purpose: state
[Description truncada. Veja o README completo no GitHub.]