DOSS · Ticket 3

Design system

Tokens dark galaxy et composants de base réutilisables. Cette page sert de référence visuelle pour l'ensemble de la dApp et sera retirée du layout principal au Ticket 4.

Tokens — palette

deep

#0a0a0f

card

#111118

elevated

#16161f

subtle

rgba(255,255,255,.06)

strong

rgba(255,255,255,.15)

primary

#f0f0f5

secondary

#8b8b9e

muted

#4a4a5e

orange

#ff8c42

orange-hover

#ff7a28

green

#10b981

red

#ef4444

purple

#a855f7

teal

#14b8a6

pink

#ec4899

blue

#3b82f6

Boutons

Variants

Tailles

États

Inputs

Texte

Champ de saisie standard

Email*

Mot de passe

Cliquer sur l'œil pour afficher/masquer

Nombre

Champ avec erreur

Adresse non reconnue dans la whitelist

Champ désactivé

Zone de texte

Multi-lignes, redimensionnable

Cards

Card par défaut

variant="default"

Fond bg-card, bordure subtile.

Card surélevée

variant="elevated"

Fond bg-elevated + ombre portée.

Card bordée

variant="bordered"

Bordure border-strong visible.

Avec footer optionnel

Modal

Fermeture sur clic overlay ou touche Esc

Toasts

Avatars

sm — 24px

md — 32px

lg — 48px

xl — 64px

fallback