Retro Synthwave
Neon-drenched 80s VHS aesthetic — hot magenta, electric cyan, and grid horizons
Color Palette
Typography — Orbitron
MIDNIGHT RUNNER
Neon Highway
Arcade Protocol
Sunset Drive
System Online
INSERT COIN
The year is 1989. Chrome DeLoreans reflect neon signage. Every interface pulses with analog warmth — scanlines optional, nostalgia mandatory. Your UI should feel like a cassette tape rewinding at 2 AM.
TRACK 04 · SIDE B · 128 KBPS
Buttons
Neon Primary
Hot pink fill with cyan glow box-shadow, uppercase tracking
Cyan Outline
Transparent with electric cyan border and text glow
Sunset Gradient
Orange-to-pink gradient button like a horizon line
VHS Overlay
Buttons on scanline-heavy dark panels
Form Inputs
Badges & Tags
Surfaces & Cards
Grid Horizon
Deep purple with perspective grid lines fading into a neon sunset.
VHS Panel
Dark card with purple tint — like a paused frame on a CRT.
Neon Sign
Transparent panel with glowing cyan border — signage aesthetic.
Cassette Shell
Flat orange accent block — like a vintage tape label.
Border Radius Scale
0px
2px
4px
8px
pill
Component Example
Outrun Mode
Infinite scrolling grid roads and chrome reflections.
VHS Tracking
Subtle scanlines and chromatic aberration on hover.
Neon Glow
Box-shadow halos on every interactive element.
Design Tokens
| Token | Value | Usage |
|---|---|---|
--synth-bg | #1A0A2E | Deep space background |
--synth-neon-pink | #FF006E | Primary neon |
--synth-cyan | #00F5FF | Secondary glow |
--synth-sunset | #FFBE0B | Horizon accent |
--synth-purple | #8338EC | Mid-tone surfaces |
--synth-glow | 0 0 20px | Neon box-shadow spread |
--synth-radius | 0px | Default: sharp corners |