Specimen · v1.0

Typography.

The site is set in a small, carefully chosen palette of three families. Each carries a specific job: display, text, and metadata.

Regular · Italic

The quick brown fox jumps over the lazy dog.

Designed for moments that deserve a deep breath.

300 · 400 · 500 · 600

Good typography is invisible. It carries the reader through the page without announcing itself, and it leaves room for the writing to do the work it was written to do. We choose a workhorse typeface for body text the way a carpenter chooses a saw — for how it cuts, not how it looks on the wall.

Inter sets at 16px with comfortable leading and a slight tightening of letter-spacing at larger sizes. Numerals are tabular, so financial figures align across rows.

300 — Light · the patient first reading

400 — Regular · the working weight

500 — Medium · for emphasis in dense lists

600 — Semibold · only headings and labels

Regular · Medium
type Specimen = {
  display:  "Instrument Serif"
  text:     "Inter"
  metadata: "JetBrains Mono"
}
Display / 72Aa Bb Cc Dd
H1 / 48Aa Bb Cc Dd
H2 / 30Aa Bb Cc Dd
H3 / 20Aa Bb Cc Dd
Body / 16Aa Bb Cc Dd
Small / 13Aa Bb Cc Dd
Mono / 12Aa Bb Cc Dd