D-OPEN
Accueil/Outils/Générateur de Design System

Générateur de Design System

Créez un design system complet en 5 étapes. Définissez vos couleurs, votre typographie, vos espacements et exportez le tout en CSS Custom Properties, Tailwind Config ou JSON Tokens.

Palette de couleurs

Choisissez vos 3 couleurs principales. Les nuances (50-900) seront automatiquement générées.

Apercu des nuances

Primary

50#f3f6fc
100#e0eafa
200#bad2f8
300#80aff9
400#468af6
500#0b64f4
600#0453d2
700#0042ad
800#003385
900#00235c

Secondary

50#f3fbf9
100#e2f9f1
200#bcf5e2
300#85f4cf
400#4defb9
500#14eba3
600#0cca8b
700#05a872
800#018458
900#005c3d

Accent

50#fcf9f3
100#faf1e0
200#f8e1b9
300#facd80
400#f7b645
500#f59f0a
600#d38703
700#ad6e00
800#855400
900#5c3a00

Besoin d'un design system sur mesure ?

Nos experts UI/UX peuvent concevoir et implémenter un design system complet pour votre entreprise, avec composants, documentation et intégration dans votre workflow de développement.