Design System v4.0
NEON REFINED DESIGN
Un système de design épuré et cohérent. L'essence du style urbain-tech distillée en composants production-ready.
250+
Components
AAA
WCAG
60fps
Animations
01 / Design Tokens
Color System
Une palette néon raffinée pour des interfaces qui se démarquent tout en restant lisibles.
Cyan
#00e5ff
Magenta
#ff0080
Green
#00ff88
Orange
#ff6600
Black
#08080c
Surface
#14141c
Text
#f0f0f5
Gradient
Cyan → Magenta
02 / Components
UI Elements
Des composants essentiels, raffinés et prêts pour la production.
Buttons
Badges & Tags
Default
Cyan
Magenta
Live
Warning
Error
Tag
Active
With Remove×
Form Inputs
Avatars
V
V
V
V
T
N
Cards
Card Title
New
Card body content with description text.
Toast Notifications
✓
Success
✕
Error
03 / Loaders
Loading States
Des indicateurs de chargement variés pour chaque situation.
Spinners
Dots Loader
Pulse Loader
Indeterminate Bar
Progress Bar
Circular Progress
70%
Glitch Text
LOADING...
Skeleton Loaders
04 / Audio Player
Advanced Player
Un lecteur audio complet avec waveform interactive, queue et equalizer.
♪
Neon Streets
CyberWave • 2024
1:24
3:45
1
3:45
Neon Streets
CyberWave
2
4:12
Digital Dreams
SynthMaster
3
3:28
Midnight Run
NightDriver
Mini Player
♪
Neon Streets
CyberWave
Compact Controls
Volume Controls
05 / Chat
Messaging
Interface de chat moderne et épurée.
#
general
3 online
Message States
Typing Indicator
Online Status
U
Online
U
Away
U
Busy