Typography
Two typefaces, three weights, a clear hierarchy.
Fonts
Inter (Sans)
The primary typeface for body text, headings, and UI. Clean, modern, highly readable at all sizes.
Weights: 400, 500, 600
JetBrains Mono
Monospace for code, labels, metrics, and technical content. Excellent readability for numbers.
Weights: 300, 400, 500
Scale
Heading 1 (6xl)
Hero titles, landing pages
Heading 2 (4xl)
Page titles
Heading 3 (2xl)
Section titles, card headings
Body Large (lg)
Lead paragraphs, descriptions
Body Default (base · 15px)
Standard body text
Body Small (sm)
Secondary text, captions
Extra Small (xs)
Meta text, timestamps
Mono Label Pattern
Used across all projects for status indicators, metrics, and navigation.
Status Active 12 POSTS
<span class="text-[10px] font-mono uppercase tracking-wider text-tertiary">
Category Label
</span>