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