Choisir ses couleurs et typographies

Une charte graphique, c’est l’ensemble des règles qui disent à quoi ressemble votre entreprise : quelles couleurs, quelles polices d’écriture, quel logo, et comment les utiliser. Pour un artisan ou une TPE, ce n’est pas un luxe réservé aux grandes marques. C’est ce qui fait que votre devis, votre camionnette, votre site et votre page Facebook se reconnaissent au premier regard, et que vos futurs clients vous font confiance plus vite. Dans cet article, nous prenons le sujet pas à pas, sans jargon : comment choisir ses couleurs, comment choisir une police d’écriture, comment vérifier que tout reste lisible, et comment tenir l’ensemble sur une seule page.

Pourquoi une charte graphique, même quand on est tout seul

Quand on travaille seul ou à trois, on a l’impression que l’image de l’entreprise se règle au fil de l’eau : un logo fait par un neveu, des couleurs choisies un soir, une police trouvée dans le traitement de texte. Le problème, c’est que chaque support finit par raconter une histoire un peu différente. Le devis est vert, le site est bleu, les flyers sont rouges. Le client ne se trompe pas de téléphone, mais il retient moins bien qui vous êtes.

Une charte graphique TPE règle ce problème en fixant, une fois pour toutes, les choix de base. Elle vous fait gagner du temps : plus besoin de réfléchir à chaque nouveau document, ni d’expliquer à chaque prestataire (imprimeur, graphiste, créateur de site) ce que vous voulez. Elle évite aussi de payer deux fois : quand les règles existent, les retouches sont rapides.

Ce qu’une charte graphique contient vraiment

• Votre logo et ses déclinaisons (version claire, version sombre, version carrée).
• Une palette de couleurs avec leurs codes précis.
• Une ou deux polices d’écriture, avec leurs usages.
• Quelques règles simples : ce qu’on fait, et surtout ce qu’on ne fait pas.

Une charte graphique artisan n’a pas besoin de faire quarante pages. Dans la grande majorité des cas, quelques pages suffisent, et même une seule, nous y reviendrons. L’essentiel est qu’elle existe, qu’elle soit écrite et que tout le monde (vous, votre conjoint qui fait la comptabilité, votre apprenti) l’applique. C’est la base de votre identité visuelle artisan.

Conseil : commencez par rassembler vos supports actuels sur une table ou dans un dossier : devis, carte de visite, site, photo du véhicule. Si vous avez du mal à y voir une même famille, vous savez déjà par où commencer.

La psychologie des couleurs : des repères, pas des lois

On lit partout que le bleu rassure, que le rouge donne faim ou que le vert évoque la nature. Il y a du vrai dans ces associations, mais il faut les prendre comme des tendances culturelles, pas comme des règles scientifiques. La psychologie des couleurs est un sujet nuancé : une même couleur n’évoque pas la même chose selon les pays, les générations, le secteur, et même le contexte dans lequel on la voit. Le blanc symbolise la pureté dans certaines cultures et le deuil dans d’autres.

Il serait donc imprudent de promettre qu’une couleur fera grimper vos ventes. Ce qu’on peut dire, en revanche, c’est que certaines teintes sont habituellement associées à certaines impressions dans notre culture :

• Le bleu : le sérieux, la fiabilité, le calme. Très répandu chez les professionnels, car il inspire une confiance tranquille.
• Le vert : la nature, la santé, le durable. Il convient bien aux paysagistes, aux produits locaux ou au bien-être.
• L’orange et le jaune : l’énergie, la chaleur, la convivialité. Ils attirent l’œil, utiles pour un bouton ou une accroche.
• Le rouge : l’urgence, la passion, l’appétit. Il est puissant, donc à doser.
• Le noir, le blanc et les gris : la sobriété, l’élégance, la clarté.

Plutôt que de chercher la couleur magique, posez-vous trois questions. Quel sentiment voulez-vous que votre client ressente en vous découvrant ? Que font déjà les entreprises de votre zone ? Et surtout : cette couleur vous ressemble-t-elle, à vous et à votre façon de travailler ? Une couleur choisie avec cohérence, appliquée partout, fera toujours plus d’effet qu’une couleur théoriquement parfaite mais utilisée au hasard.

Une couleur n’a pas de pouvoir en elle-même : c’est la régularité avec laquelle on l’emploie qui la rend mémorable.

Construire sa palette de couleurs d’entreprise

Une bonne palette de couleurs entreprise ne compte pas vingt teintes. Quatre à six suffisent, rangées par rôle. Voici la logique que nous recommandons à la plupart des TPE.

Les quatre rôles de la palette

• La couleur principale : celle qu’on associe à votre entreprise. Elle porte le logo, les titres, les éléments importants.
• La couleur secondaire : elle accompagne la principale, pour les fonds, les bandeaux, les illustrations.
• La couleur d’accent : une teinte vive, utilisée avec parcimonie pour ce qui doit sauter aux yeux, comme un bouton « Demander un devis ».
• Les neutres : un blanc ou un crème, un gris clair, un gris foncé ou un noir pour le texte. Ils font respirer le reste.

Pour doser tout cela, la règle des 60-30-10 est très pratique : environ 60 % de l’espace en couleur dominante (souvent un neutre ou votre couleur principale), 30 % en couleur secondaire, et 10 % en accent. Ce n’est pas une loi mathématique, juste un garde-fou pour éviter l’effet sapin de Noël.

Un exemple concret : chez BUREAU+, nous utilisons un bleu nuit, un bleu vif, un cyan et un orange d’accent, avec la police Inter. Le bleu nuit pose le sérieux, le bleu vif et le cyan donnent du dynamisme, et l’orange sert uniquement pour les actions importantes. Chaque couleur a un rôle, aucune n’est là par hasard.

Retenez aussi que chaque couleur doit être notée par son code. Le code hexadécimal, c’est cette suite de six caractères précédée d’un dièse (par exemple #0B1F3A) que les sites web, les logiciels et les imprimeurs comprennent. C’est ce qui garantit que votre bleu reste le même partout.

Contraste et accessibilité : rester lisible pour tous

Une jolie couleur ne sert à rien si le texte devient illisible. Le contraste et l’accessibilité sont souvent oubliés dans une charte, alors qu’ils concernent tout le monde : un client qui consulte votre site en plein soleil sur son téléphone, une personne âgée, quelqu’un qui a une vue fatiguée ou une difficulté à distinguer certaines couleurs.

Le contraste mesure l’écart de luminosité entre le texte et son fond. Il s’exprime en rapport : plus le chiffre est grand, plus la lecture est confortable. Les recommandations internationales d’accessibilité du web (appelées WCAG) fixent deux seuils à connaître :

• Au moins 4,5 pour 1 (noté 4,5:1) pour le texte courant.
• Au moins 3 pour 1 (noté 3:1) pour le grand texte, c’est-à-dire les gros titres, à partir d’environ 24 px, ou un peu moins en gras.

Concrètement, du gris clair sur fond blanc, du jaune sur fond blanc ou de l’orange vif sur fond rouge échouent presque toujours. À l’inverse, du texte blanc sur un bleu nuit ou du texte foncé sur un fond crème passent très largement. Ne vous fiez pas à votre écran seul : des outils gratuits de vérification de contraste existent, vous y entrez deux codes hexadécimaux et ils vous donnent le rapport.

Conseil : ne transmettez jamais une information uniquement par la couleur. Un champ de formulaire en erreur doit aussi afficher un message écrit, pas seulement un contour rouge.

Penser contraste dès la création de la palette évite les mauvaises surprises : vous saurez d’emblée quelles associations de couleurs sont autorisées pour le texte, et lesquelles sont réservées aux décors.

Choisir ses couleurs selon son métier, sans copier ses concurrents

Chaque secteur a ses habitudes. Dans le bâtiment, on croise beaucoup de bleus, de gris et d’oranges, qui évoquent la solidité et la visibilité de chantier. La restauration joue souvent avec les tons chauds : rouge, terre cuite, jaune, ou au contraire un vert et un noir élégants pour une cuisine plus gastronomique. Dans la beauté et le bien-être, on trouve des tons doux, rosés, sauge ou beiges. L’artisanat d’art, lui, aime les teintes naturelles, les noirs profonds, les couleurs matières.

Ces codes aident le client à comprendre en un coup d’œil de quoi il s’agit. Mais il y a un piège : si tous les plombiers de votre ville sont bleu et orange, vous allez vous fondre dans la masse. Se démarquer ne veut pas dire faire n’importe quoi, juste choisir avec discernement.

Comment vous différencier intelligemment

1. Faites une courte liste de cinq à dix concurrents locaux et notez leurs couleurs dominantes.
2. Repérez les teintes qui reviennent trop souvent, et gardez-les en tête comme à éviter ou à décaler.
3. Gardez la logique du métier (par exemple du bleu pour un plombier) mais changez la nuance, ou choisissez un accent inattendu.
4. Testez votre palette sur un véhicule, une carte de visite et un écran de téléphone avant de valider.

L’idée n’est pas d’être original à tout prix, mais d’être reconnaissable. Un menuisier qui adopte un vert profond et un cuivre se fera remarquer parmi des confrères tous en marron et beige, tout en restant crédible. Votre charte graphique doit refléter votre manière de travailler : si vous êtes réputé pour votre rigueur, une palette sobre sera plus juste qu’une palette festive.

Typographie site web : choisir une police d’écriture

La typographie, c’est le choix des lettres. Une police d’écriture (on dit aussi « police de caractères ») donne un ton à vos textes avant même qu’on les lise : sérieux, chaleureux, moderne, classique. Pour la typographie site web, la règle d’or est simple : mieux vaut peu de polices, bien utilisées.

Deux polices maximum

Une police pour les titres et une pour le texte courant, c’est largement suffisant. On peut même n’en prendre qu’une seule, déclinée en plusieurs épaisseurs (les « graisses » : normal, demi-gras, gras). Au-delà de deux, l’ensemble devient vite brouillon.

Avec ou sans empattement

Les empattements sont les petits pieds au bout des lettres, comme dans les polices de livres. Une police avec empattement donne un air classique, traditionnel, parfois artisanal. Une police sans empattement paraît plus moderne et reste très lisible sur écran. Pour choisir une police d’écriture, il n’y a pas de bonne réponse unique : une maison de décoration peut s’offrir un titre à empattements avec un texte sans empattement, alors qu’une entreprise de dépannage préférera la simplicité d’une police sans empattement partout.

La lisibilité avant tout

• Une taille de texte courant d’au moins 16 px sur un site.
• Un interligne aéré (environ une fois et demie la taille du texte).
• Des lignes pas trop longues : une soixantaine de caractères est confortable.
• Des polices fantaisie ou manuscrites réservées à de très courts éléments, jamais aux paragraphes.

Pour trouver l’inspiration, des bibliothèques gratuites proposent des centaines de polices avec leurs associations conseillées. Testez toujours votre choix sur un vrai texte (votre présentation, un devis), pas seulement sur le nom de l’entreprise.

Polices web et performance : un détail qui pèse sur la vitesse

Les polices web sont celles que votre site envoie au navigateur du visiteur pour afficher vos textes comme prévu. Chaque police, et chaque graisse, est un fichier à télécharger. Trop de fichiers, et la page s’affiche plus lentement, voire montre un texte qui clignote ou saute au chargement. Sur mobile, avec une connexion moyenne, ça se sent.

Quelques bons réflexes suffisent à garder un site rapide :

• Ne charger que les graisses utiles. Si vous n’utilisez que le normal et le gras, inutile de télécharger les huit variantes de la police.
• Choisir le format woff2. C’est un format de police compressé, supporté par tous les navigateurs actuels, plus léger que les anciens formats.
• Héberger les polices sur votre propre site. Cela évite de dépendre d’un service tiers, simplifie la gestion du consentement et peut accélérer l’affichage. Vérifiez simplement la licence de la police.
• Prévoir une police de secours. Si la police principale tarde à arriver, le navigateur affiche une police de repli proche, pour que le texte reste lisible immédiatement.

Les polices dites « système » (celles déjà installées sur l’ordinateur ou le téléphone) sont instantanées, mais moins distinctives. Beaucoup de TPE choisissent un compromis : une seule belle police personnalisée, allégée, plus des polices système en secours.

Conseil : demandez à votre créateur de site quelles polices sont chargées et combien de fichiers cela représente. Si la réponse est « une dizaine », c’est un signe qu’il y a de la marge pour alléger.

La rapidité est un sujet à part entière, mais elle commence souvent par ces petits choix. Pour un site pensé dès le départ pour être léger et lisible, notre page création de site web détaille notre approche.

Logo et déclinaisons, cohérence visuelle sur tous vos supports

Un logo n’est pas un fichier unique : c’est une petite famille. Le piège classique est d’avoir un seul logo, conçu sur fond blanc, que l’on essaie ensuite de coller sur une photo, un fond coloré ou une pastille de réseau social. Résultat : texte illisible, fond blanc moche, logo écrasé. Un bon travail sur le logo et ses déclinaisons évite tout cela.

Les versions à prévoir

• Version pour fond clair : la version de base, en couleurs.
• Version pour fond sombre : texte et éléments éclaircis, pour un bandeau foncé ou une photo.
• Version carrée ou compacte : souvent un monogramme ou un symbole seul, pour les photos de profil et les tampons.
• Version monochrome : une seule couleur ou noir et blanc, pour les gravures, broderies, tampons ou impressions économiques.
• Favicon : la mini-icône qui s’affiche dans l’onglet du navigateur, donc lisible en tout petit.

Prévoyez aussi une zone de protection autour du logo (un espace vide à respecter) et une taille minimale en dessous de laquelle on ne l’utilise pas. Ces deux règles, notées dans la charte, évitent les erreurs de mise en page.

Côté fichiers, conservez des formats vectoriels, qui s’agrandissent sans perdre en netteté (idéal pour un camion ou une bâche), et des formats image classiques pour le web. Si votre logo actuel ne se décline pas bien ou si vous partez de zéro, un travail d’identité visuelle permet de tout préparer d’un seul coup, y compris les déclinaisons dont vous aurez besoin demain.

Cohérence visuelle : site, devis, véhicule et réseaux sociaux

La cohérence visuelle, c’est ce qui transforme plusieurs supports en une marque. Quelqu’un voit votre camionnette sur la route, puis tombe sur votre page en ligne, puis reçoit votre devis : s’il reconnaît chaque fois les mêmes couleurs, la même police et le même logo, il a le sentiment de traiter avec une entreprise organisée. C’est une impression qui compte, surtout avant de se connaître.

Les supports à harmoniser

• Le site web : couleurs de la palette, polices web, boutons en couleur d’accent.
• Les devis et factures : logo en en-tête, polices du site ou équivalent proche, couleurs sobres.
• Le véhicule et les vêtements de travail : version simple du logo, très lisible de loin.
• Les réseaux sociaux : photo de profil carrée, visuels de publication dans votre palette.
• Les cartes de visite, flyers et panneaux : même logique, adaptée à l’impression.

Pour l’impression, gardez à l’esprit qu’une couleur à l’écran et la même couleur sur papier ne sont jamais identiques à 100 %. C’est pourquoi une bonne charte note les codes écran et, si besoin, les codes d’impression. Faites toujours un essai avant de commander 1 000 exemplaires. Pour les supports papier, notre service de graphisme print s’occupe justement de cette adaptation.

Conseil : créez des modèles prêts à l’emploi (devis, publication, signature) avec votre logo, vos couleurs et vos polices déjà en place. Vous n’aurez plus à y repenser, et la cohérence se fera toute seule.

La charte graphique en une page : un modèle simple

Voici la bonne nouvelle : une charte graphique en une page suffit pour la plupart des petites structures. Elle se garde sur le bureau de l’ordinateur, se joint à un mail pour un prestataire, s’imprime pour l’atelier. Voici comment la construire.

1. Écrivez en deux lignes ce que votre entreprise veut inspirer (par exemple : sérieux, proche, moderne).
2. Collez vos logos : version claire, version sombre, version carrée, avec la taille minimale.
3. Listez vos couleurs avec leur rôle et leur code hexadécimal : principale, secondaire, accent, neutres.
4. Indiquez vos polices : celle des titres, celle du texte, les graisses autorisées et la taille minimale du texte courant (16 px sur le web).
5. Précisez les usages : quelle couleur pour les boutons, quel fond pour les titres, quel ton pour les images.
6. Ajoutez une liste d’interdits : ne pas étirer le logo, ne pas changer les couleurs, ne pas ajouter de nouvelle police.

Cette page devient votre référence. Quand vous créez un document, vous la rouvrez, vous copiez les codes, et le résultat est cohérent sans effort. Quand vous changez de prestataire, vous la transmettez et il comprend immédiatement votre univers.

Et si vous n’avez pas encore de base solide, ne cherchez pas à tout régler seul : l’important est d’avoir une première version utilisable, que vous ferez évoluer. Si vous voulez un cadre clair dès le départ, vous pouvez consulter nos tarifs pour vous faire une idée de l’accompagnement possible.

Les erreurs à éviter quand on crée sa charte graphique

À force de voir des identités d’artisans et de petites entreprises, on repère toujours les mêmes faux pas. Les connaître vous permet de les éviter.

• Trop de couleurs. Au-delà de quatre ou cinq teintes, le résultat paraît désordonné et se retient mal.
• Des contrastes insuffisants. Le texte clair sur fond clair, ou l’inverse, fatigue les yeux et fait fuir les visiteurs.
• Trop de polices. Mélanger quatre styles de lettres donne un aspect amateur, même avec de belles polices.
• Un texte trop petit. Sur mobile, un texte inférieur à 16 px oblige à zoomer.
• Un logo trop détaillé. Illisible en petit, impossible à broder ou à graver.
• Copier un concurrent. Vos clients doivent pouvoir vous distinguer, pas vous confondre.
• Suivre la mode à tout prix. Un style très tendance vieillit vite, alors qu’une identité sobre et claire dure des années.
• Ne rien écrire. Une charte qui reste dans la tête de son créateur ne sert à personne.

Une autre erreur fréquente : multiplier les versions. Au fil des années, chaque document devient une version de plus, avec un bleu légèrement différent. Pour éviter la dérive, gardez un dossier unique avec les fichiers officiels, et ne copiez jamais un logo depuis un vieux mail.

Conseil : relisez votre charte une fois par an. Si quelque chose vous gêne à l’usage (une couleur difficile à lire, une police qui s’affiche mal), corrigez-le dans la charte, puis partout, plutôt que de bricoler au cas par cas.

Conclusion

Une charte graphique n’est ni compliquée ni réservée aux grandes entreprises. Quelques couleurs bien rangées par rôle, une ou deux polices lisibles, un logo décliné pour chaque usage et une page qui résume le tout : voilà de quoi donner à votre entreprise une image nette, crédible et reconnaissable. L’essentiel, c’est de choisir avec méthode, de vérifier la lisibilité, puis de s’y tenir partout.

Si vous préférez ne pas vous en occuper seul, BUREAU+ peut vous aider à poser ces bases et à les appliquer sur votre site comme sur vos documents. Vous pouvez simplement nous écrire via la page contact : nous en discuterons ensemble, sans engagement, en partant de ce que vous avez déjà.

Questions fréquentes