Client-Side Workspace
System Foundation
Configure root rem calibration, base vertical rhythm, and target platforms.
Browser default is 16px
Commonly 4px or 8px grid
Font Roles & Provenance Assignment
Assign approved reference font families to each structural role. One family may be reused across multiple roles.
DISPLAY
SIL Open Font License 1.1Outfit
sans-serif • Outfit FoundationThe quick brown fox jumps over the lazy dog.
Fallbacks: system-ui, -apple-system, sans-serifHEADING
SIL Open Font License 1.1Outfit
sans-serif • Outfit FoundationThe quick brown fox jumps over the lazy dog.
Fallbacks: system-ui, -apple-system, sans-serifBODY
SIL Open Font License 1.1Inter
sans-serif • Rasmus AnderssonThe quick brown fox jumps over the lazy dog.
Fallbacks: system-ui, -apple-system, sans-serifUI
SIL Open Font License 1.1Inter
sans-serif • Rasmus AnderssonThe quick brown fox jumps over the lazy dog.
Fallbacks: system-ui, -apple-system, sans-serifCODE
Apache 2.0Roboto Mono
monospace • Christian RobertsonThe quick brown fox jumps over the lazy dog.
Fallbacks: ui-monospace, SFMono-Regular, Menlo, monospace