Typography creates reading rhythm
Font size, weight, line height, and line length work together. Body text needs comfortable spacing and a reasonable measure, while headings should clearly separate sections without overwhelming the content.
Color should carry a truthful role
Use text, muted, surface, border, accent, and status roles consistently. Important meaning should not depend on color alone, and foreground/background pairs need enough contrast in every supported appearance.
A familiar example
Designing an article page
- Use one body role for paragraphs and a stronger role for headings.
- Limit line length so the eye can find the next line easily.
- Use accent color for links and focus, not for every decorative detail.
What to remember
- Readable body text is the baseline, not an afterthought.
- Use semantic color roles instead of scattered hex values.
- Check contrast in Light and Dark appearances.