Design System
Chrome horizons and neon highways stretching into an endless sunset
Sunset Spectrum
4px Base Unit
Standard Sizes
Size Variants
With Icons
Encrypted channel. Maximum 500 characters.
Standard Cards
The horizon bleeds orange and pink as the sun drops below the skyline. Every surface catches fire, chrome and glass burning with reflected light.
Low and sleek, the machine cuts through the dark like a blade. Headlights carve twin paths into the void ahead, engine humming with restrained power.
The radio crackles with synthesizer arpeggios and pulsing basslines. Every station is a portal to a world that never was, a future that never came.
Variant: Neon Border
The perspective grid stretches infinitely beneath your wheels. Each line pulses with electric blue, mapping the geometry of speed.
Variant: Sunset Gradient
That fleeting moment when the sky is on fire and the world looks like it was painted by a machine dreaming of paradise.
Variant: Chrome
Polished to perfection, every surface reflects the neon spectacle. Chrome is the material of the future -- cold, brilliant, unyielding.
Night Race Leaderboard
| Rank | Driver | Vehicle | Top Speed | Status |
|---|---|---|---|---|
| 01 | Nighthawk | Testarossa MK-VII | 342 km/h | Active |
| 02 | Chrome Viper | Countach Spectra | 328 km/h | Active |
| 03 | Solar Flare | Delorean Omega | 315 km/h | Pit Stop |
| 04 | Phantom | Diablo Neon | 309 km/h | Active |
| 05 | Voltage | Corvette Pulse | 298 km/h | Retired |
| 06 | Dusk Runner | Supra Horizon | 291 km/h | Active |
Outlined
Filled
All navigation systems are operational. Autopilot engaged on the coastal highway. Estimated arrival: sunset.
Night run finished successfully. New personal best recorded. Replay saved to onboard memory.
Approaching restricted zone. Reduce speed and disable turbo boost. Radar activity detected ahead.
Engine temperature exceeding safe limits. Immediate cooldown recommended. Pull over at next neon station.
Lead with the sunset palette. Every composition should feel like it is backlit by a horizon on fire -- warm oranges and pinks transitioning to cool violets and deep blues. The warmth is earnest, never ironic.
Metallic text and reflective surfaces convey the polished, high-performance feel of the aesthetic. Chrome is used for emphasis and hierarchy, catching light the way a sports car catches the eye.
Perspective and depth are essential. The grid road, the converging lines, the sense of speed and distance -- every layout should pull the eye toward a focal point on the horizon.
Think movie poster, not UI mockup. Big type, bold gradients, generous whitespace. The synthwave aesthetic is about grandeur and atmosphere, not about cramming in content.
Neon effects are supporting actors, not the lead. Use glow sparingly to accent interactive elements and key focal points. Overuse dilutes the drama and strains the eye.
The aesthetic is about movement -- driving, flying, racing toward something. Animations should be smooth and directional. Static compositions should still imply velocity and purpose.