v1.0 · Midnight Indigo

A design system built on electric depth.

Semantic color tokens, dual themes, gradients, and elevation — engineered around a deep-space indigo palette with Space Grotesk display and DM Sans body.

01

Core Palette

Four anchors define the system.

02

Neutrals & Ink

Text, dividers, and muted surfaces.

03

Semantic

Feedback and status colors.

04

Themes

Same tokens · two surfaces.

Dark surface

Onboarding

Welcome back, Aman

Pick up where you left off — three drafts are ready for review.

Light surface

Onboarding

Welcome back, Aman

Pick up where you left off — three drafts are ready for review.

05

Gradients

Depth without noise.

AuroraHero surfaces
VoltageCTAs · highlights
DepthCards · sections
06

Elevation

Shadow tokens tuned for dark surfaces.

shadow-sm0 1px 2px 0 rgba(10, 10, 26, 0.6)
shadow-md0 6px 16px -4px rgba(10, 10, 26, 0.55)
shadow-lg0 16px 40px -12px rgba(30, 30, 90, 0.6)
shadow-glow0 0 0 1px rgba(79,70,229,0.4), 0 20px 60px -10px rgba(79,70,229,0.55)
07

Typography

Space Grotesk · DM Sans.

Display / 72

Depth compounds.

H2 / 40

Systems, not screens.

Body / 16

DM Sans keeps long-form reading calm; Space Grotesk carries the voltage in headlines. The pair holds up from marketing pages to dense product surfaces.

Mono / 14--ds-electric: #4f46e5;