Design a Type Scale That Survives Real Content
Pick a ratio, round the output sensibly, and check the extremes on small screens.
Read guideStudio reference
Contrast thresholds, modular type scales, and shadow and spacing tokens — the small systems that keep an interface consistent as it grows.
Pick a ratio, round the output sensibly, and check the extremes on small screens.
Read guideHow WCAG contrast ratios work, which thresholds apply where, and how to fix a failing pair.
Read guideDefine a handful of elevation and spacing steps once, then reuse them everywhere.
Read guide