Les design systems rendus accessibles
Déployez dès aujourd'hui des couleurs de marque accessibles pour votre produit
Décrivez votre marque et obtenez des suggestions de palettes par IA, validez le contraste WCAG en temps réel et exportez vos tokens de design en CSS, JSON ou Tailwind.
Offre gratuite : 5 exportations par mois. Aucune carte bancaire requise.
Disponible en 25 langues
Traduction complète de l'interface, langue de document par client et traduction de texte libre par IA avec les forfaits payants. Changez à tout moment.
Disponible en 25 langues, dont l'anglais, l'espagnol, le chinois et bien d'autres.
Cela vous rappelle quelque chose ?
Une palette qui échoue au test de contraste n'est pas une marque. C'est un ticket de correction.
La palette échoue au contrôle de contraste
Des couleurs qui semblaient parfaites sur le moodboard échouent au niveau AA dès la première vérification d'accessibilité.
Vérifier chaque combinaison à la main
Calculer les contrastes pour chaque combinaison de premier plan et d'arrière-plan vous prend une après-midi entière, avec toujours le risque d'oublier des erreurs.
Les tokens se résument à une capture d'écran
Les développeurs reçoivent un PNG d'échantillons et saisissent de nouveau les codes hexadécimaux à la main.
De l'idée de marque aux tokens accessibles
Générez, validez selon les normes WCAG et exportez dans le format qu me utilise déjà votre code.
Générateur de palettes
Créez des palettes de couleurs sémantiques avec aperçu en direct — grille réactive sur mobile, panneau de contrôle latéral sur ordinateur.
Vérificateur de contraste WCAG
Testez vous-même l'accessibilité avec des indicateurs Validé/Échec pour chaque paire de couleurs. Respectez les niveaux AA et AAA avant le déploiement.
Exporter et partager
Copiez des variables CSS, des tokens JSON ou des extraits de configuration Tailwind. Partagez des pages de marque en lecture seule avec votre équipe.
L'IA se charge du travail lourd — vous gardez le contrôle
Des fonctionnalités assistées par IA intégrées et vérifiées. Vous examinez et approuvez chaque résultat.
Palette IA à partir d'une description
Décrivez l'ambiance souhaitée — Gemini suggère une palette que vous pouvez ajuster.
Palette IA à partir de l'URL d'un site web
Indiquez un site — des suggestions assistées par Perplexity extraient la direction chromatique de la page en ligne.
Un kit de marque sous votre contrôle
Conservez ce qui convient, écartez le reste — l'IA ne publie jamais votre kit à votre place.
Traduction du kit
La traduction de texte libre par IA vous aide à localiser les contenus de votre kit avec les forfaits payants.
Les résultats générés par l'IA sont des suggestions. Vous approuvez ce qui est publié. Aucune garantie de résultat.
Trois étapes pour des couleurs prêtes à l'emploi
Aucun tableur d'accessibilité nécessaire.
- 1
Décrivez votre marque
Obtenez des suggestions de palettes par IA et créez des couleurs sémantiques avec un aperçu en direct.
- 2
Validez le contraste
Obtenez des indicateurs Validé ou Échec pour chaque paire de couleurs, selon les niveaux AA et AAA, pendant votre édition.
- 3
Exportez vos tokens
Copiez des variables CSS, des tokens JSON ou un extrait de configuration Tailwind directement dans votre projet.
Découvrez la création d'un kit de marque
Une présentation d'une minute — de la vision créative aux tokens prêts à être exportés, avec sous-titres dans votre langue.
Le guide pratique de la marque accessible — 1,99 $
Choisissez des couleurs de marque qui réussissent l'examen d'accessibilité
Un guide pratique de 10 pages sur les palettes sémantiques, le contraste WCAG et les tokens exploitables par les développeurs.
Paiement unique de 1,99 $. Téléchargement PDF instantané. Sans abonnement ni création de compte.
- 8 chapitres : le problème, les meilleures pratiques du terrain et les règles essentielles
- Exemples comparatifs de bonnes et mauvaises palettes
- Un parcours annoté de la description de la marque jusqu'à l'exportation des tokens
- Disponible instantanément dans les 25 langues
Tarifs simples
Commencez gratuitement. Passez à une offre supérieure quand vous aurez besoin de liens de partage et d'exports PDF.
Gratuit
Commencez à concevoir le système de votre marque.
0 $/mois
- 5 exportations / mois
- Générateur de palettes
- Vérificateur de contraste
Pro
Le plus populaireKits illimités et exportations premium.
12 $/mois
- Kits de marque illimités
- Pages de marque partageables
- PDF de charte graphique
Studio
Pour les équipes de design gérant plusieurs systèmes de marque.
29 $/mois
- Tout ce qui est inclus dans Pro
- Flux de travail d'exportation de niveau Studio
Commencez gratuitement. Aucune carte bancaire requise pour démarrer, annulez un forfait payant à tout moment.
Avant de commencer
Les questions que les designers et développeurs nous posent le plus fréquemment.
Que contient le forfait gratuit ?
Le générateur de palettes, le vérificateur de contraste WCAG et 5 exportations par mois — sans carte bancaire. L'offre Pro ajoute des kits illimités, des pages partagées et le PDF de charte graphique.
Quel standard de contraste vérifiez-vous ?
Chaque paire de couleurs est vérifiée selon les seuils WCAG AA et AAA, avec un badge Validé ou Échec pour chaque combinaison.
Les développeurs peuvent-ils utiliser directement le résultat ?
Oui — exportez des propriétés personnalisées CSS, des tokens JSON ou un extrait de configuration Tailwind. Rien n'a besoin d'être resaisi à partir d'une capture d'écran.
Puis-je partager un kit de marque avec mon équipe ou mon client ?
L'offre Pro publie des pages de marque en lecture seule partageables par lien, ainsi qu'un PDF de charte graphique.
Suis-je engagé ?
Non. Vos tokens sont exportés dans des formats ouverts, et la facturation Stripe peut être annulée à tout moment.
Déployez des couleurs qui réussissent l'examen dès la première fois
Créez gratuitement un kit de marque et exportez des tokens accessibles dès aujourd'hui.
Forfait gratuit, sans carte bancaire. Passez à une offre supérieure pour bénéficier des pages de partage et des guides PDF.