Skip to content
Library

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.

Screenshot of Axiom
Captured from axiom.co on October 11, 2026

Axiom design system

Axiom

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

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.