HrvatskiÉtape 1
Rassembler et trier
Réunissez tous les fichiers. Supprimez les vieilles versions. Nommez-les par marque, version, couleur et format.
Brand OS Portal
Créer une charte graphique en ligne en 7 étapes.
Rassembler, écrire court, choisir l'outil, une page par sujet, des téléchargements, protéger ce qu'il faut, un seul lien.
Pour créer une charte graphique en ligne, rassemblez vos fichiers de marque, écrivez chaque règle en une ou deux lignes avec un exemple, choisissez où la construire, puis faites une page par sujet avec des boutons de téléchargement.
Gardez la page d'accueil et le kit partenaires publics ou derrière un simple mot de passe, mettez les outils de l'équipe derrière une connexion, et partagez un seul lien. Voici les sept étapes et un plan de pages à copier.
Par Vedran Obradović · Mis à jour 04.11.2026
Ce qu'il faut préparer avant de construire.
Le site, c'est la partie facile. Le vrai travail, c'est un contenu propre.
- Chaque version du logo en SVG, PNG et PDF
- Codes couleur : HEX, RVB et CMJN
- Noms des polices et où les trouver
- Cinq à dix exemples à faire et à ne pas faire
- Le ton : trois mots et quelques vrais exemples
- Des faits validés avec leurs sources
- 20 à 40 photos validées
- Les modèles que l'équipe utilise le plus
Pas sûr de ce qui va dans une charte ? Lisez ce que contient une charte de marque (en anglais), regardez des exemples de chartes (en anglais), ou partez du modèle de charte graphique gratuit.
Où construire votre charte graphique en ligne.
Quatre options honnêtes. Choisissez selon qui va la tenir à jour.
| Option | Ce que vous obtenez | Attention | Bon choix si |
|---|---|---|---|
| Page Notion | Publier une page sur le web, aussi avec l'offre gratuite | Le domaine perso est une option payante, design limité | Il vous la faut cette semaine |
| Créateur de sites (Framer, Webflow) | Contrôle total du design, des modèles de charte existent | Quelqu'un doit la tenir à jour | Vous avez un graphiste sous la main |
| Plateforme de marque (Frontify, Lingo) | Pages de charte, portails et bibliothèques de fichiers | Pas d'offre gratuite affichée chez l'un ou l'autre | Vous voulez une plateforme prête |
| Brand OS Portal | Charte, fichiers, outils et règles pour l'IA, conçus et mis en place par moi | Fait pour une marque, pas un modèle | Vous voulez que l'équipe crée elle-même |
Vérifié le 4 novembre 2026 sur le site de chaque entreprise.
Vous construisez sur Framer ? Je fais aussi des sites Framer (en anglais), donc je sais où ces sites coincent : trop de pages, trop peu de téléchargements. Vous comparez les plateformes ? Voir les alternatives à Frontify.
Les 7 étapes, une par une.
Étape 2
Écrire des règles courtes
Une ou deux lignes par règle, avec une image à faire et une à ne pas faire.
Étape 3
Choisir l'outil
Utilisez le tableau ci-dessus. Choisissez selon qui fera les mises à jour.
Étape 4
Une page par sujet
Accueil, logo, couleurs, typo, ton, photos, modèles. Pas une seule longue page.
Étape 5
Boutons télécharger et copier
Chaque fichier et chaque code à un clic. C'est pour ça que les gens viennent.
Étape 6
Régler les accès
Accueil et kit partenaires publics. Outils et faits internes derrière une connexion.
Étape 7
Partager un seul lien et le garder
Dans l'onboarding, les signatures mail et les e-mails aux partenaires. Vérifiez chaque mois.
Outil gratuit
Les outils d'IA peuvent-ils lire votre marque ?
Tapez l'adresse de votre site. Vous voyez ce que l'IA peut lire et ce qu'il faut corriger d'abord. C'est gratuit et ça tourne ici.
Brand OS Portal
Recevez 3 modèles à votre marque. Gratuit.
Laissez votre e-mail. Je les dessine à la main et vous les envoie sous 48 heures. Cela ne vous coûte rien.
C'est noté. Je commence les vôtres aujourd'hui. Vos 3 modèles gratuits arrivent sous 48 heures.
Je vous écris depuis [email protected]. Si vous ne le voyez pas, regardez dans les spams.
Copiez ce plan de pages pour votre charte en ligne.
Plan de pages d'une charte graphique en ligne
/ Accueil : qui nous sommes en une ligne, nouveautés, mode d'emploi du site /logo Téléchargements, zone de protection, taille minimum, à faire et à éviter /couleurs Codes avec bouton copier, paires lisibles, proportions /typo Polices, tailles des titres et du texte, testeur de typo /ton 3 mots pour le ton, exemples, mots que nous n'utilisons jamais /faits Faits validés avec sources (équipe seulement) /photos Style photo, photos validées à télécharger /modeles Posts, slides, bannière LinkedIn, signature mail /partenaires Petit kit pour partenaires et presse (public ou mot de passe) /ia Ton, faits et limites pour ChatGPT et Claude (équipe seulement)
Pour la page ton, utilisez les règles de ton de marque (en anglais). Pour la page IA, voyez la charte de marque pour agents IA.
Quelles pages rendre publiques, et lesquelles protéger.
Public
Accueil et presse
Logos à télécharger pour la presse, le texte de présentation et le contact.
Mot de passe
Kit partenaires
Logos, règles et quelques modèles pour partenaires et revendeurs.
Connexion
Équipe seulement
Faits validés, règles pour l'IA, outils et tout ce qui n'est pas prêt pour le public.
Votre charte en ligne est-elle prête ?
Cochez ce qui est vrai aujourd'hui. Vos coches restent sur cet appareil.
0 sur 8 fait
Vous voulez une charte qui fait aussi des posts et donne les mêmes règles à l'IA ? Voyez Brand OS Portal ou lisez ce qu'est un portail de marque.
Pattern Lab
Essayez un outil de Brand OS Portal
Une charte en ligne qui crée.
Voici un vrai outil d'un vrai Brand OS Portal, sur la marque MTG. Créez un motif fidèle à la marque en quelques secondes et téléchargez-le.
Des réponses claires.
Comment mettre sa charte graphique en ligne ?
Découpez-la en une page web par sujet, ajoutez des boutons télécharger et copier, protégez les pages internes et partagez un seul lien.
Peut-on créer une charte graphique en ligne avec Notion ?
Oui. Notion permet de publier une page sur le web, aussi avec l'offre gratuite. Le domaine perso est une option payante et le design est limité.
Une charte graphique doit-elle être publique ?
En partie. Les logos pour la presse et un petit kit partenaires peuvent être publics ou derrière un mot de passe. Faits validés, règles pour l'IA et outils de l'équipe demandent une connexion.
Quelles pages pour une charte graphique en ligne ?
Accueil, logo, couleurs, typo, ton, faits, photos, modèles, partenaires et règles pour l'IA. Copiez le plan ci-dessus.
Combien de temps pour créer une charte graphique en ligne ?
Le site va vite une fois le contenu propre. Rassembler, trier et écrire des règles courtes prend le plus de temps.
Rendons votre marque aussi bonne que votre produit.
15 minutes. Pas de discours commercial. Vous repartez en sachant quoi faire ensuite.
Plus qu’une place en novembre
Vous préférez m'écrire ?
C'est noté.
Je vous réponds sous 2 à 8 heures.