Typography

Type scale and text styles

Heading Scale

.h1 text-3xl → text-4xl, font-medium

.h2 text-2xl → text-3xl, font-medium

.h3 text-xl, font-medium

.h4 text-lg, font-medium

.h5 text-base, font-semibold

.h6 text-sm, uppercase, tracking-wider

Headings within MDX content (work and notes) use a different scale optimized for reading:

H1 (screen reader only)

.markdown-content h1 sr-only — Page title handles visual H1

.markdown-content h2 text-size-xl (text-lg → text-xl), font-semibold

.markdown-content h3 text-size-lg (text-base → text-lg), font-medium

Section Label

.eyebrow

Small, uppercase text with accent color. Used for section labels and categorization.

Extra large — text-lg to text-xl

.text-size-xl

Large — text-base to text-lg

.text-size-lg

Base — text-sm to text-base

.text-size-base

Small — text-xs to text-sm

.text-size-sm

Extra small — text-xs (static)

.text-size-xs

.link-subtle

Muted link style with hover transition. Used for navigation and secondary actions.

Inter Variable

font-sans, font-heading, font-body

Georgia Serif

font-serif

System Monospace

font-mono