Style: Kinetic Typography. Type: General. Keywords: Motion text, animated type, moving letters, dynamic, typing effect, morphing, scroll-triggered text. Primary Colors: Flexible - high contrast recommended, bold colors for emphasis, animation-friendly palette. Secondary Colors: Accent colors for emphasis, transition colors, gradient text fills. Effects & Animation: @keyframes text animation, typing effect, background-clip: text, GSAP ScrollTrigger, split text. Best For: Hero sections, marketing sites, video platforms, storytelling, creative portfolios, landing pages. Do Not Use For: Long-form content, accessibility-critical, data interfaces, forms, elderly users. Light Mode: ✓ Full. Dark Mode: ✓ Full. Performance: ⚠ Moderate. Accessibility: ❌ Poor (motion). Mobile-Friendly: ✓ Good. Conversion-Focused: ✓ Very High. Framework Compatibility: GSAP 10/10, Framer Motion 10/10. Era/Origin: 2020s Modern. Complexity: High. AI Prompt Keywords: Design with kinetic typography. Use: animated text, scroll-triggered reveals, typing effects, letter-by-letter animations, morphing text, gradient text fills, oversized hero text, text as the main visual element.. CSS/Technical: @keyframes for text animation, background-clip: text, GSAP SplitText, typing effect (steps()), transform on letters, scroll-triggered (Intersection Observer), variable fonts for morphing. Implementation Checklist: ☐ Text animations smooth, ☐ Prefers-reduced-motion respected, ☐ Fallback for no-JS, ☐ Mobile performance ok, ☐ Typing effect timed, ☐ Scroll triggers work. Design System Variables: --text-animation-duration: 1s, --letter-delay: 0.05s, --typing-speed: 100ms, --gradient-text: linear-gradient(90deg, #color1, #color2), --morph-duration: 0.5s.