Dark · Modern · Neon
Nexus. Dark Mode
A dark-first SaaS system using restrained neon, ambient glow and layered surfaces for an immersive product experience.
01
Preview
Live HTML · responsive · interactive
02
Design Principles
The decisions that make the style coherent.
- 01
Build every surface natively for darkness.
- 02
Use violet and cyan glow only to clarify hierarchy.
- 03
Prefer low-saturation copy over large pure-white areas.
- 04
Layer surfaces through tonal shifts, blur and subtle borders.
03
Colors
Background#0A0A0F
Surface#12121A
Card#1A1A2E
Accent#8B5CF6
Cyan#22D3EE
Ink#F0F0F5
04
Typography
InterfaceInter
300–700 · tight headings
LabelsInter
600 · uppercase tracking
05
Components
- Glass navbar↗
- Dashboard hero↗
- Value cards↗
- Feature rows↗
- Pricing cards↗
- Glow CTA↗
06
Patterns
- Ambient blobs◆
- Subtle glass◆
- Neon focus states◆
- Scroll reveal◆
- Dark surface nesting◆
READY TO USE
Download design.mdGive your agent a point of view.
Download the complete specification and add it to your project context.