Design Philosophy
We wanted a design that felt technical, high-performance, and bold—not another generic SaaS dashboard.
Core Principles
- High Contrast Dark Mode - Easy on the eyes, reduces strain
- Industrial Typography - Uppercase headings, tight tracking, extra bold
- Accent-Driven Hierarchy - Electric lime (#d2f800) guides attention
- Minimal Decoration - Function over form
Color Palette
Primary Surface: #080c14 (Deep navy-black)
Secondary Surface: #121620 (Slightly lighter)
Card Background: #0f131c
Primary Accent: #d2f800 (Electric lime)
Primary Text: #ffffff
Secondary Text: #8a8f98 (Muted grey)
Border: rgba(255,255,255,0.1)Typography Rules
- Headings: Uppercase, font-black (800), tracking-tighter
- Body: Regular weight, #8a8f98, relaxed line height
- Labels: Monospace (Geist Mono), small, accent color
Component Patterns
Buttons are nearly square (2px radius). Cards have subtle borders that highlight on hover. Featured elements invert—lime background with black text.
Implementation
All tokens are documented in CLAUDE.md so AI assistants maintain consistency when generating new components.
