Foundations
Typography
Inter for everything readable, JetBrains Mono for code and metadata chips. Hierarchy is built from weight and size only — never colour — so the page reads correctly in both themes without remapping.
Scale
Display / 4xl semiboldPlot a courseH1 / 3xl semiboldPlot a courseH2 / 2xl semiboldPlot a courseH3 / lg mediumPlot a courseBody / basePlot a course through the design system.Small / smPlot a course through the design system.Caption / xs mutedUpdated 4 minutes agoMono — code, labelsconst Button = () => null;
Families
--font-sansInter
UI surfaces, body, headings.
--font-monoJetBrains Mono
Code, IDs, labels, metric chips.