Typography
Default Font
JetBrains Mono is the default typeface across the entire application. Monospace fonts are preferred for financial data because digits share uniform width, making columns of numbers easy to scan.
Base Settings
| Property | Value |
|---|---|
| Base font size | 14px (--base-font-size) |
| Line height | 1.5 |
| Rendering | Antialiased (-webkit-font-smoothing: antialiased) |
Font Options
9 fonts are available. Switch via Settings > Typography.
| Font | Category | Notes |
|---|---|---|
| JetBrains Mono | Monospace | Default. Crisp numerals, excellent for financial data. |
| Fira Code | Monospace | Programming ligatures. |
| Source Code Pro | Monospace | Adobe. Clean and neutral. |
| IBM Plex Mono | Monospace | Classic technical aesthetic. |
| Roboto Mono | Monospace | Google. Even character width. |
| Ubuntu Mono | Monospace | Distinctive, slightly rounded. |
| Cascadia Code | Monospace | Microsoft. Ligature support. |
| Inter | Sans-serif | Proportional. More spacious, good for dense text. |
| Geist | Sans-serif | Vercel. Modern geometric proportional. |
Font Sizes
Three size presets available via Settings > Typography.
| Preset | Size |
|---|---|
| Small | 12px |
| Medium (default) | 14px |
| Large | 16px |
Number Formatting
Financial numbers use tabular numerals for right-aligned columns. All monetary values are right-aligned and displayed in NZD format (e.g. $1,234.56).
Text Hierarchy
The design system uses size and opacity to establish hierarchy rather than font weight:
| Role | Size | Color Variable | Example |
|---|---|---|---|
| Panel title | 11px | --color-text-muted | Uppercase, tracking-wider, font-medium |
| Body text | 12-13px | --color-text-primary | Default content |
| Secondary text | 11-12px | --color-text-secondary | Supporting details |
| Muted text | 10-11px | --color-text-muted | Labels, timestamps |
Font switching is instant -- select a new font and the entire interface updates immediately.