Axiom
A pure-black, terminal-native observability marketing site built on Berkeley Mono display type and Inter body, with a single burnt-orange CTA accent. The system reads as engineer-first and machine-precise — near-black canvas, monospace headlines, ASCII-art motifs, sharp-cornered cards, and real product-UI fragments shown directly in the page. Brand voltage comes from the monospace voice and the lone orange action color rather than from color variety.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display
32px · 400 · 1.25
The quick brown fox jumps
mono-label
14px · 400 · 1.571
The quick brown fox jumps
mono-sm
12px · 400 · 1.333
The quick brown fox jumps
mono-sm-bold
12px · 700 · 1.333
The quick brown fox jumps
body
14px · 400 · 1.429
The quick brown fox jumps
button
12px · 400 · 1.333
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 4px | |
| xs | 8px | |
| sm | 12px | |
| md | 16px | |
| lg | 24px | |
| xl | 32px | |
| xxl | 48px | |
| huge | 64px | |
| section | 96px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| none | 0px | |
| xs | 2px | |
| sm | 4px | |
| pill | 9999px | |
| full | 9999px |
FAQ
- What colors does Axiom use?
- Axiom's core palette includes #000000, #eeeeee, #d4d4d4, #ffffff, #b4b4b4. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Axiom DESIGN.md.
- What font does Axiom use?
- Axiom's primary typeface is Berkeley Mono. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
- What is the Axiom design system?
- A pure-black, terminal-native observability marketing site built on Berkeley Mono display type and Inter body, with a single burnt-orange CTA accent. The system reads as engineer-first and machine-pr…