Typography Skill

This skill covers CSS typography patterns for creating readable, aesthetically pleasing text. It addresses type scale, hierarchy, vertical rhythm, font pairing, and modern CSS text features.

Philosophy

Good typography:

1. Establishes hierarchy - Readers scan before reading; size, weight, and spacing guide them
2. Maintains rhythm - Consistent spacing creates visual harmony
3. Optimizes readability - Line length, spacing, and contrast serve comprehension
4. Respects the medium - Web typography adapts to screens and user preferences

Type Scale

A type scale provides consistent, harmonious font sizes based on a mathematical ratio.

Recommended Scale (Major Third - 1.25)