Assurestor. Lime phosphor on midnight olive.
- SaaS
- Dark theme
- 7 colors
- 2 typefaces
Assurestor operates as a dark-mode command console: a deep forest-green canvas (#203400) swallows the viewport while a single electric lime (#bdff00) acts as the only signal of action or emphasis — like phosphor readouts on a military terminal. The custom "Denim Ink" typeface dominates with extreme size jumps (64→86→94px) and aggressive negative tracking, producing headlines that feel carved rather than written. Surfaces layer subtly within the green family (#1b2d00 cards, #335400 elevated panels) rather than introducing grays, keeping the system chromatically disciplined. Components stay lightweight: ghost outlines replace heavy fills, generous corner radii (32px cards, 9999px pills) soften the dark density, and lime is rationed to CTAs, active dots, and one large illustrative block.
Assurestor design system
Brand1
Primary action buttons, active state indicators, illustrative highlight panels, brand-accent moments — the sole chromatic signal in the system
Accent1
Secondary accent strokes, table emphasis borders, mid-saturation green used sparingly for variety within lime contexts
Neutrals5
Card surfaces, recessed panels, elevated content blocks within the forest canvas
Primary page background, nav strip, footer canvas — the dominant surface that defines the entire brand atmosphere
Elevated card variant, highlighted surface tier above the base canvas
Hairline dividers, list separators, subtle table borders — barely-there green-on-green rules
Body text, heading text, icon strokes, ghost button borders, link colors, input fields — the only neutral light tone in the palette
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Vault Floor on Lime Phosphor
12.28 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
