Axiom. Flat black canvas, monospaced text, and one orange cursor blinking.
- Developer tools
- Dark theme
- 12 colors
- 2 typefaces
Axiom is a terminal-grade dark interface where every glyph is monospaced, every surface is near-black, and one warm orange does all the chromatic work. The design language borrows from code editors and CLI tools — no gradients, almost no shadows, no rounded softness — instead layering information through subtle shifts in dark neutrals (from #000000 canvas to #191919 cards to #202020 borders) so the UI reads like a well-formatted log file. BerkeleyMono carries the entire voice, from hero headlines to nav labels, giving the product an engineering-native feel that signals audience before it signals brand. Orange appears as a precise tool: the primary CTA fill, the log-bar visualization, and a 2px left border that marks editorial case-study cards — never decorative, always functional.

Axiom design system
Brand1
Orange supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color
Neutrals11
Page background, nav fill, terminal surface
Primary surface, card base, hero canvas
Elevated card background, case-study card fill
Hairline borders, dividers, subtle separation
Muted borders, icon strokes, secondary lines
Subtle dividers, decorative rules
Tertiary text, icon detail, inactive labels
Muted helper text, small annotations
Secondary text, label text, muted body
Light borders, stroke detail on icons
Primary text, nav links, heading fill, button text
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Void on Ember
5.55 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7











