typography-text-effects

Enhance headers, buttons, and text with readable typography and micro-animations.

SKILL.md

GitHub

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