---
title: "Typography"
description: "Everything is set in Buena Mono — variable weight 100–800, slant 0 to −10°."
url: https://buenalabs.io/design/typography
---

# Typography

Everything is set in **Buena Mono**, the studio's own variable monospace. Every glyph sits on one fixed 618-unit cell; two axes — weight 100–800 (`wght`) and slant 0 to −10° (`slnt`) — cover every voice the system needs.

Fallback stack: `"Buena Mono", ui-monospace, monospace`.

## Weights

Thin 100, ExtraLight 200, Light 300, Regular 400, Medium 500, SemiBold 600, Bold 700, ExtraBold 800. Intermediate weights are fine: `font-variation-settings: 'wght' 350`.

## Recommended sizes

| Context | Size | Line height |
|---------|------|-------------|
| Editor / terminal | 14 px | 1.5 |
| Long-form prose (markdown) | 16–18 px | 1.6–1.7 |
| Code, dense | 13 px | 1.4 |
| Headings / display | ≥ 24 px | 1.1–1.2 |

## On the web

```css
@font-face {
  font-family: "Buena Mono";
  src: url("/fonts/BuenaMono-VF.woff2") format("woff2");
  font-weight: 100 800;
  font-style: oblique 0deg 10deg;
}
```

Turn on `calt`/`liga` for code; disambiguation (`1 l I`, dotted `0` vs `O`) is drawn into the letterforms. Full typeface spec: https://buena-mono.buenalabs.io/design.md.