Veza / Talas Design System v3
Spectre Astral · Production Ready

Veza + Talas
Design System v3

Le système de design unifié pour l'écosystème Veza/Talas. 250+ composants, accessibilité WCAG AAA, dark mode natif, support complet des 600 features.

250+ Composants
600 Features supportées
AAA WCAG Compliance
60 FPS Animations

Design Tokens

Les fondations visuelles de Spectre Astral. Chaque couleur, espace et typographie est définie comme token réutilisable pour garantir cohérence absolue.

Palette Spectre Astral

Nadir Black #0B0C10 — Fond racine
Graphite Blue #1F2833 — Surfaces secondaires
Spectral Cyan #66FCF1 — Accent Veza
Anodized Turquoise #45A29E — Actions primaires
Astral Lavender #8A7EA4 — Accent Talas
Soft Ember #E6B89C — Chaleur communauté
Quiet Paper #F3F3E0 — Texte primaire
Muted Grey #C5C6C7 — Texte secondaire

Couleurs Sémantiques

Success #10b981
Warning #f59e0b
Error #ef4444
Info #3b82f6

Composants

Bibliothèque complète de 250+ composants prêts pour la production. Chaque composant supporte dark mode, accessibilité clavier et états multiples.

Boutons

Inputs

⚠ Ce champ contient une erreur

Badges

Default Primary Secondary Success Warning Error Veza Talas

Avatars

XS
SM
MD
LG
XL
2XL
JD
AB
CD
EF

Cards

Card Standard

Une card de base avec header et body pour afficher du contenu.

Card Veza

Variante avec accent cyan pour les éléments techniques.

Card Talas

Variante avec accent lavande pour la communauté.

Audio Player

Titre du morceau
Artiste / Producteur
1:24 3:45

Chat Messages

Salut ! Comment avance le projet ?
veza-engine 12:34
Super bien ! Je viens de finir l'intégration du module de streaming.
Envoyé 12:35

Toasts

✓
Succès
Votre fichier a été uploadé avec succès.
✕
Erreur
Une erreur est survenue lors du traitement.
⚠
Attention
Votre session expire dans 5 minutes.

Skeleton Loaders

Progress Bars

Spinners

Patterns UX

Flows utilisateur standardisés et patterns d'interaction récurrents pour garantir une expérience cohérente sur l'ensemble de la plateforme.

Empty States

🎵

Aucun morceau uploadé

Commencez à partager votre musique avec le monde. Uploadez votre premier morceau maintenant.

Tabs

Contenu de l'onglet Overview...

Online Status

En ligne
Absent
Hors ligne

Accessibilité

Conformité WCAG AAA garantie. Navigation clavier complète, support lecteurs d'écran, et contrastes validés.

Contraste AAA

Ratio minimum 7:1 pour le texte normal, 4.5:1 pour le texte large. Tous les éléments UI respectent un ratio de 3:1.

Navigation Clavier

Tab, Shift+Tab, Enter, Space, Arrow keys. Focus visible sur tous les éléments interactifs. Skip links disponibles.

Screen Readers

Labels ARIA complets, roles sémantiques, live regions pour les mises à jour dynamiques. Testé NVDA, JAWS, VoiceOver.