Style: Motion-Driven. Type: General. Keywords: Animation-heavy, microinteractions, smooth transitions, scroll effects, parallax, entrance anim, page transitions. Primary Colors: Bold colors emphasize movement, high contrast animated, dynamic gradients, accent action colors. Secondary Colors: Transitional states, success (Green #22C55E), error (Red #EF4444), neutral feedback. Effects & Animation: Scroll anim (Intersection Observer), hover (300-400ms), entrance, parallax (3-5 layers), page transitions. Best For: Portfolio sites, storytelling platforms, interactive experiences, entertainment apps, creative, SaaS. Do Not Use For: Data dashboards, critical accessibility, low-power devices, content-heavy, motion-sensitive. Light Mode: ✓ Full. Dark Mode: ✓ Full. Performance: ⚠ Good. Accessibility: ⚠ Prefers-reduced-motion. Mobile-Friendly: ✓ Good. Conversion-Focused: ✓ High. Framework Compatibility: GSAP 10/10, Framer Motion 10/10. Era/Origin: 2020s Modern. Complexity: High. AI Prompt Keywords: Build an animation-heavy interface with scroll-triggered animations, microinteractions, parallax scrolling (3-5 layers), smooth transitions (300-400ms), entrance animations, page transitions. Use Intersection Observer for scroll effects, transform for performance, GPU acceleration.. CSS/Technical: animation: @keyframes scroll-reveal, transform: translateY/X, Intersection Observer API, will-change: transform, scroll-behavior: smooth, animation-duration: 300-400ms. Implementation Checklist: ☐ Scroll animations active, ☐ Parallax 3-5 layers, ☐ Entrance animations smooth, ☐ Page transitions fluid, ☐ GPU accelerated, ☐ Prefers-reduced-motion respected. Design System Variables: --animation-duration: 300-400ms, --parallax-layers: 5, --scroll-behavior: smooth, --gpu-accelerated: true, --entrance-animation: true, --page-transition: smooth.