Flexible Typography

Design type systems that flex with the user — scaling smoothly, spacing generously, and never breaking when someone needs text larger, more spaced, or in a different font.

Core Requirements

Relative Units Always

• Use rem for font sizes (relative to root, user-controllable)
• Use em for spacing that should scale with text
• Never use px for font size — it overrides user preferences
• Base font size: let the browser default (usually 16px) be your starting point, don't override it