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
Username
With Error ✕ This field is required
Success ✓ Looks good!
Avatars
V
V
V
V
T
N
Cards
Card Title New

Card body content with description text.

Toast Notifications
✓
Success
Your changes have been saved.
✕
Error
Something went wrong.
03 / Loaders

## Loading States

Des indicateurs de chargement variés pour chaque situation.

Spinners
Dots Loader
Pulse Loader
Indeterminate Bar
Progress Bar
85%
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
HQ 320kbps
1:24 3:45
1
Neon Streets
CyberWave
3:45
2
Digital Dreams
SynthMaster
4:12
3
Midnight Run
NightDriver
3:28
Mini Player
♪
Neon Streets
CyberWave
Compact Controls
Volume Controls
05 / Chat

## Messaging

Interface de chat moderne et épurée.

# general
3 online
N
Hey! Le nouveau pack de samples est dispo 🔥
NeonBeats 14:32
C
Nice! Les kicks sont vraiment massifs cette fois
CyberWave 14:33
Je teste ça tout de suite, vous avez le link?
Sent 14:34
N
Message States
U
Received message
Sent message
Typing Indicator
Online Status
U
Online
U
Away
U
Busy