Accessible Typography System Cheat Sheet

Root font sizes, contrast, and scaling

Last Updated: November 21, 2025

Focus Areas

Focus
Use modular scale for headings and body text
Check contrast with 4.5:1 as a minimum

Commands & Queries

npm run lint:contrast
Validate contrast
npm run tokens:export
Push typographic tokens
grep -n 'font-size' src/ | head
Audit sizes

Summary

Ship typography scales keyed to accessibility thresholds.

💡 Pro Tip: Set base font sizes with `rem` and test contrast with tools.
← Back to Design & Creative | Browse all categories | View all cheat sheets