Créez votre charte graphique, couleurs et typographies
Partez de votre secteur, d'une couleur de marque ou d'un logo : vous obtenez une palette harmonieuse, des polices assorties et un aperçu immédiat sur de vraies maquettes.
💡 Choisissez d'abord un point de départ, puis verrouillez les couleurs qui vous plaisent avant de régénérer les autres.
3. Vos couleurs, par rôle
Principale
Boutons, liens, éléments clés à mettre en avant.
Secondaire
Fonds de sections, bandeaux, zones plus discrètes.
Accent
À utiliser avec parcimonie : badges, icônes, petites touches.
Fond
Fond général des pages.
Surface
Cartes, encarts, zones surélevées sur le fond.
Texte
Texte principal, sur fond clair.
Texte secondaire
Légendes, texte moins important.
Artisan maçon
Vos travaux, faits pour durer
Rénovation, extension et gros œuvre : un interlocuteur unique du devis à la réception du chantier.
Vous préférez qu'un pro s'en occupe ?
Une charte, c'est un bon départ. Encore faut-il l'appliquer à un vrai site. Création de site clé en main dès 2 400 €.
Comment bien utiliser votre charte
Choisissez d'abord l'ambiance
L'ambiance compte plus que la couleur exacte : elle donne le ton avant même que vos visiteurs lisent le premier mot.
Vérifiez toujours le contraste
Un texte joli mais peu lisible fait fuir. Visez au moins un niveau AA pour tout texte important.
Limitez-vous à deux polices
Une pour les titres, une pour le texte courant. Trop de polices donne un rendu brouillon.
Réutilisez partout les mêmes codes
Une fois votre charte choisie, gardez les mêmes couleurs et polices sur toutes vos pages et supports.
Les questions qu'on me pose souvent
Comment choisir mes couleurs si je pars de rien ?
Partez de votre secteur et d'une ambiance (sobre, chaleureuse, moderne...) plutôt que de chercher la couleur parfaite. L'outil propose une palette cohérente ; vous verrouillez celles qui vous plaisent et regénérez le reste avec le bouton (ou la barre espace).
Combien de polices dois-je utiliser ?
Deux suffisent : une pour les titres, une pour le texte courant. Une association vous est déjà proposée pour votre secteur ; le bouton « Autre association » en montre une variante si elle ne vous convient pas.
Pourquoi le contraste est-il si important ?
Un texte peu contrasté sur son fond fatigue la lecture et fait fuir une partie de vos visiteurs, notamment les personnes malvoyantes. L'outil vérifie chaque combinaison texte/fond selon les seuils WCAG (AA, AAA) et propose de corriger automatiquement celles qui sont insuffisantes.
Puis-je utiliser cette charte sur Canva ou Word ?
Oui. Le résumé « à donner à votre prestataire » liste vos couleurs en hexadécimal et en RGB : ces deux formats se collent directement dans les palettes personnalisées de Canva, Word ou PowerPoint.
Ai-je le droit d'utiliser ces polices librement ?
Oui, sans restriction : toutes les polices du catalogue sont libres de droits (licence ouverte), y compris pour un usage commercial. Vous pouvez les utiliser sur votre site, vos documents et vos supports imprimés.
Pourquoi les polices ne sont-elles pas chargées depuis Google Fonts ?
Pour respecter la vie privée de vos visiteurs : ce site n'envoie aucune donnée à Google. Les polices sont hébergées ici même et chargées uniquement quand vous les affichez dans l'outil.
Puis-je revenir sur une modification ?
Oui, les boutons annuler/rétablir en haut de l'outil permettent de revenir en arrière à tout moment, sans perdre votre travail.
Ma charte est-elle sauvegardée ?
Oui, automatiquement sur votre appareil : vous la retrouvez en revenant sur cette page. Le bouton « Copier le lien de partage » permet en plus de l'envoyer à quelqu'un d'autre (à votre graphiste, par exemple).
Envie d'un site qui applique tout ça ?
30 minutes pour regarder votre visibilité. Vous repartez avec vos priorités. Gratuit, sans engagement.
30 minutes · sans engagement