Typography
Type is set in --font-sansand --font-mono insrc/styles/global.css. Swap the font there and every sample on this page changes.
Families
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLM nopqrstuvwxyz 0123456789 &@#?!
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLM nopqrstuvwxyz 0123456789 &@#?!
Scale
Weights
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Headings
Body & prose
An opinionated registry means every app starts from the same considered baseline — the same rhythm, the same restraint. Body copy sits at a comfortable measure, around 65 characters per line, with relaxed leading so longer passages stay easy to read.
Muted text steps back for secondary detail and captions, whilelinkspick up the clay accent. Inlinecodeuses the mono face against a soft surface.
- Unordered lists for unranked points
- Each item kept short and scannable
- Ordered lists when sequence matters
- Numbers use the same warm ink
“One feel across every app.”
Patterns
uppercase · tracking-wider · muted
tabular-nums · figures align
kbd · shortcut hint