Foundation / Typography
Typography
A curated pairing of Instrument Serif for headlines, Instrument Sans for UI, and JetBrains Mono for code.
Aa
Instrument Serif
Headings & Displays
The quick brown fox jumps over the lazy dog.
Aa
Instrument Sans
UI & Body Text
The quick brown fox jumps over the lazy dog.
Aa
JetBrains Mono
Code & Data
console.log("The quick brown fox");
Type Scale
Display
6xl (3.75rem)
The quick brown fox
Heading 1
4xl (2.25rem)
Jumps over the lazy dog
Heading 2
2xl (1.5rem)
Pack my box with five dozen liquor jugs
Heading 3
xl (1.25rem)
Sphinx of black quartz, judge my vow
Body Large
lg (1.125rem)
Amazingly few discotheques provide jukeboxes.
Body
base (1rem)
Heavy boxes perform quick waltzes and jigs.
Small
sm (0.875rem)
The five boxing wizards jump quickly.
Caption
xs (0.75rem)
Jackdaws love my big sphinx of quartz.
Usage Guidelines
Serif Rule
Instrument Serif must always be used in Regular (400) weight. Never apply bold weights to the serif typeface to maintain elegance.
Pairing Logic
- Headings: Instrument Serif (Regular)
- Interface & Body: Instrument Sans
- Code & Data: JetBrains Mono