Design Tokens

The single source of truth for color, spacing, typography, and more.

Color

Primary, neutral, and semantic color scales with light/dark/brand modes.

50
100
200
300
400
500
600
700
800
900

Spacing

4px base unit. Consistent spatial rhythm from 4px to 96px.

--space-1
4px
--space-2
8px
--space-4
16px
--space-6
24px
--space-8
32px
--space-12
48px
--space-16
64px

Typography

Inter for UI, JetBrains Mono for code. 8-step type scale.

--text-xsThe quick brown fox
--text-smThe quick brown fox
--text-baseThe quick brown fox
--text-lgThe quick brown fox
--text-xlThe quick brown fox
--text-2xlThe quick brown fox
--text-3xlThe quick brown fox
--text-4xlThe quick brown fox