Typography

A sans for people, mono for machines

Titles are set in the display face (font-display, Space Grotesk); the interface in the UI font (font-sans), in sentence case at normal weight. The code font (font-mono) is only for code, file paths, IDs, hashes, keys and numbers that line up in tables. Both are user-selectable, so never name a family in a class.

Interface font

Autonomous RL gym for agents

Generate trajectories, evaluate behavior, improve policies.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

font-sans → var(--font-ui)

Code font

trajectories_captured = 18240

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 {}[]<>=/_

font-mono → var(--font-code)

Type scale

Command center

Page title, once per page

font-display text-[30px] font-medium tracking-[-0.03em]

Environment factory

Panel and card title

font-display text-[17px] font-semibold tracking-[-0.015em]

No datasets yet

Empty-state title

font-display text-[16px] font-semibold

Default model

Nav item, row label

text-[14px] font-medium

Provision a workspace for environment generation and multi-agent evaluation.

Body, table cells

text-[13.5px]

Applied to every new run in this workspace.

Secondary text, panel subtitles

text-[13px] leading-5 text-muted-foreground

Last updated 4 minutes ago

Caption, table header

text-[12px] font-medium text-muted-foreground

Stored in this browser only

Hint, the smallest sans size

text-[11.5px] text-muted-foreground

Foundations

Sidebar group labels and code-block language tags only

eyebrow

sentence case everywhere · 11.5px is the floor

When mono is right

Codepnpm --filter web dev

File pathweb/src/lib/appearance/presets.ts

Identifierrun_7f3a9c2e

Hashsha256:4be1…c09d

Metric18,240 · 96.2%

font-mono · tabular-nums for anything that lines up

Labels are words

NODE_STANDBYNode standby

GPU_ALLOC_STABLEGPU allocation stable

TERMINATE_SESSIONEnd session

No uppercase tracking, no underscores, no lowercase-everything. Only display text changes — enum values, keys and test ids stay as they are.

settingsLabel() turns a dynamic machine label into words