typography-text-effects

---
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