Skill: Apply Typography Scale

Purpose

Create clear typographic hierarchy using a hand-crafted set of font sizes, weights, and colors.

Core Rules

1. Hand-crafted, not mathematical — Avoid modular scales with fractional pixels
2. Use px or rem, never em — Prevents compounding issues
3. Minimum 25% jumps — 16px → 20px (25%), not 16px → 18px (12.5%)
4. Two weights only — 400/500 normal, 600/700 bold
5. Never < 400 for UI — Too hard to read at small sizes

Recommended Scales