Codex.io. A glowing lime cube anchoring a dark room, with thin white type and scattered node rings floating around it.
- Crypto
- Mixed theme
- 11 colors
- 1 typeface
Codex.io speaks in a single dramatic gesture: a luminous citrine cube floating in deep carbon void, surrounded by orbiting blockchain nodes. The interface is almost entirely dark with one electric lime accent (#e5ff5d) that does all the chromatic work — primary actions, icon strokes, decorative cubes, brand marks. Typography is a single humanist sans (Neue Haas Grotesk) set with confident, slightly tight tracking, where 80px display headlines occupy entire rows and small labels earn positive tracking. The page oscillates between dense dark sections packed with constellation diagrams and one cream reversal where giant translucent cubes frame a centered message. Every screen should feel like looking into a server room through a viewport — dark, quiet, punctuated by one bright signal.
Codex.io design system
Brand1
Primary action buttons, brand cube fills, accent icon strokes, decorative 3D cubes, featured logo marks — the single chromatic voice of the system
Neutrals10
Maximum contrast text, logo silhouettes, hard-edge decorative fills
Page canvas, primary text on light sections, dominant border color, button fills on reversed (light) sections
Elevated surface above carbon, secondary panels, darker card variants
Dividers, subtle borders, decorative strokes in illustrations
Muted card surface, tertiary background layers behind content blocks
Muted body text, secondary link text, low-priority borders, helper labels
Warm-tinted decorative fills, illustration accents — the only chromatic neutral
Card borders on dark sections, hairline dividers between content blocks
Light section background — the single warm reversal that breaks the dark rhythm
Primary text on dark canvas, nav and body text, light icon fills, ghost button text
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Pure Black on Citrine Signal
18.79 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
