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;