03 — Typography
Three faces
A rounded display face for headings and the brand, a neutral grotesque for body, and a mono for code and tokens.
Display
SF Pro Rounded → Inter fallback
Diagram superpowers
Aa Bb Cc · 0123456789 · weight 800
Body
Inter
Prompt it. See it appear. Watch it animate. The renderer is deliberately dumb — you change the data, never the renderer.
Aa Bb Cc · 0123456789 · 400 / 500 / 600 / 700
Mono
JetBrains Mono
component "api" {
icon: aws/lambda
}
icon: aws/lambda
}
Aa Bb Cc · 0123456789 · 400 / 600