version: "1.0.1" 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

1. Body text

• Line height and spacing optimized
• Responsive font scaling

1. Micro-interactions

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

Best Practices

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