Typography

In the app

Helvetica Neue at two weights, Menlo for anything machine-readable, tabular numerals on figures.

@varick/ui/tokens/typeAdded 26 Aug 2026

Helvetica Neue Medium · -0.02em

Helvetica Neue Regular · -0.01em

Section label · +0.04em

Usage

<p class="mono tabular">342 runs</p>

Styles

The CSS as it appears in the app. The live component above is the same values as Tailwind classes.

* {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-synthesis: none;
}
.mono { font-family: 'Menlo', monospace; }
.tabular { font-variant-numeric: tabular-nums; }