---

name: typography-text-effects description: Enhance headers, buttons, and text with readable typography and micro-animations.

Typography & Text Effects

Instructions

1. Headers

   • Animated fade/slide in
   • Large readable sizes

2. Body text

   • Line height and spacing optimized
   • Responsive font scaling

3. Micro-interactions

   • Button text hover effects
   • Call-to-action emphasis animations

Best Practices

• Use scalable, readable fonts
• Keep motion subtle
• Maintain consistency across components