Container view — Architecture
architecture-overview · hero
Component view — Self-hosted typography pipeline
architecture-overview › fonts-pipeline
Component view — Theme tokens & UI contrast
architecture-overview › theme-contrast
Fetching and compiling self-hosted fonts
fetch-and-compile-fonts
Serving pages with accessible theme CSS and local fonts
serve-styled-routes
FontQuery → CSS2Response
FontManifest → void
void → ThemeDefinition
void → FileStats
ThemeCSS → void
feat(themes): primary-as-text token, 3:1 control boundaries, and self-hosted fonts (SONA-126, SONA-181)
sona-fast/sona #439
· 5 diagrams
Start the walkthrough
W
Toggle architecture
Toggle data flow
Fit the whole strip
1
Copy share link
Switch to light
How to move around
100%
◈ Rendered by
PR Lens
· crafted with ❤️ by the
Coldtea
team
Container view — Architecture
Architecture
Component view — Self-hosted typography pipeline
Architecture
Component view — Theme tokens & UI contrast
Architecture
Fetching and compiling self-hosted fonts
Data flow
Serving pages with accessible theme CSS and local fonts
Data flow
Looking around
Resume walkthrough
↵
This diagram has a walkthrough
scroll to move through it
swipe to move through it
