1:"$Sreact.fragment"
2:I[51108,["/_next/static/chunks/644de0c51988d865.js"],""]
11:I[61063,["/_next/static/chunks/567c5dc074a83024.js","/_next/static/chunks/5aaa37a6db4a1042.js"],"OutletBoundary"]
12:"$Sreact.suspense"
:HL["/images/blog/blog-charte-graphique.svg","image"]
0:{"buildId":"Bp0Us4AEwhCjpahVLvQ3V","rsc":["$","$1","c",{"children":[["$","div",null,{"className":"max-w-3xl mx-auto px-6 py-16","children":[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"BlogPosting\",\"headline\":\"Comment créer une charte graphique professionnelle en 2026 ?\",\"description\":\"Une charte graphique solide est la base de toute communication visuelle réussie. Voici les étapes clés pour en créer une, avec les outils et bonnes pratiques que j'utilise au quotidien.\",\"datePublished\":\"2026-02-18\",\"author\":{\"@type\":\"Person\",\"name\":\"Killy Rousseau\"},\"keywords\":\"Branding, Design, Tutoriel\",\"image\":\"/images/blog/blog-charte-graphique.svg\"}"}}],["$","$L2",null,{"href":"/blog","className":"inline-flex items-center gap-2 text-lavender hover:text-lime text-sm font-outfit transition-colors mb-12","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":15,"height":15,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-left","aria-hidden":"true","children":[["$","path","1l729n",{"d":"m12 19-7-7 7-7"}],["$","path","x3x0zl",{"d":"M19 12H5"}],"$undefined"]}]," Retour au blog"]}],["$","div",null,{"className":"rounded-2xl overflow-hidden mb-10 aspect-video","children":["$","img",null,{"src":"/images/blog/blog-charte-graphique.svg","alt":"Comment créer une charte graphique professionnelle en 2026 ?","className":"w-full h-full object-cover"}]}],["$","header",null,{"className":"mb-10","children":[["$","div",null,{"className":"flex flex-wrap gap-2 mb-5","children":[["$","span","Branding",{"className":"flex items-center gap-1 text-xs font-outfit px-2.5 py-1 rounded-full bg-muted text-lime","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":10,"height":10,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-tag","aria-hidden":"true","children":[["$","path","vktsd0",{"d":"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"}],["$","circle","kqv944",{"cx":"7.5","cy":"7.5","r":".5","fill":"currentColor"}],"$undefined"]}],"Branding"]}],["$","span","Design",{"className":"flex items-center gap-1 text-xs font-outfit px-2.5 py-1 rounded-full bg-muted text-lime","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":10,"height":10,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-tag","aria-hidden":"true","children":[["$","path","vktsd0",{"d":"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"}],["$","circle","kqv944",{"cx":"7.5","cy":"7.5","r":".5","fill":"currentColor"}],"$undefined"]}],"Design"]}],["$","span","Tutoriel",{"className":"flex items-center gap-1 text-xs font-outfit px-2.5 py-1 rounded-full bg-muted text-lime","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":10,"height":10,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-tag","aria-hidden":"true","children":[["$","path","vktsd0",{"d":"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"}],["$","circle","kqv944",{"cx":"7.5","cy":"7.5","r":".5","fill":"currentColor"}],"$undefined"]}],"Tutoriel"]}]]}],["$","h1",null,{"className":"font-dynapuff text-4xl sm:text-5xl text-light leading-tight mb-4","children":"Comment créer une charte graphique professionnelle en 2026 ?"}],["$","p",null,{"className":"flex items-center gap-2 font-outfit text-lavender/60 text-sm","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":13,"height":13,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-calendar","aria-hidden":"true","children":["$L3","$L4","$L5","$L6","$undefined"]}],"Publié le ","18 février 2026"]}]]}],"$L7","$L8"]}],null,"$L9"]}],"loading":null,"isPartial":false}
3:["$","path","1cmpym",{"d":"M8 2v4"}]
4:["$","path","4m81vk",{"d":"M16 2v4"}]
5:["$","rect","1hopcy",{"width":"18","height":"18","x":"3","y":"4","rx":"2"}]
6:["$","path","8toen8",{"d":"M3 10h18"}]
7:["$","div",null,{"className":"w-16 h-px bg-primary mb-10"}]
8:["$","div",null,{"className":"space-y-5 font-outfit text-light/85 leading-relaxed","children":[["$","p","0",{"dangerouslySetInnerHTML":{"__html":"Une <strong>charte graphique</strong> est un document de référence qui définit les règles d'utilisation de l'identité visuelle d'une marque. Elle garantit la cohérence sur tous les supports : site web, réseaux sociaux, print, packaging."}}],["$","h2","1",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"Qu'est-ce qu'une charte graphique ?"}],["$","p","2",{"dangerouslySetInnerHTML":{"__html":"Une charte graphique (ou brand guidelines) est un guide qui regroupe tous les éléments visuels d'une marque : logo, couleurs, typographies, iconographie, ton de communication. C'est la bible visuelle de votre projet."}}],["$","h2","3",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"Les 6 éléments essentiels d'une charte graphique"}],["$","h3","4",{"className":"font-dynapuff text-xl text-lavender mt-6 mb-1","children":"1. Le logotype et ses déclinaisons"}],["$","p","5",{"dangerouslySetInnerHTML":{"__html":"Votre logo doit fonctionner en plusieurs versions : couleur, monochrome, fond clair, fond sombre, version compacte (favicon). Définissez aussi les zones de protection — l'espace minimum autour du logo."}}],["$","h3","6",{"className":"font-dynapuff text-xl text-lavender mt-6 mb-1","children":"2. La palette de couleurs"}],["$","p","7",{"dangerouslySetInnerHTML":{"__html":"Limitez-vous à <strong>4-6 couleurs maximum</strong> : une principale, une secondaire, une d'accent et des neutres. Indiquez les codes HEX, RGB et CMJN pour garantir la cohérence entre écran et impression."}}],["$","h3","8",{"className":"font-dynapuff text-xl text-lavender mt-6 mb-1","children":"3. La typographie"}],["$","p","9",{"dangerouslySetInnerHTML":{"__html":"Choisissez 2 à 3 polices : une pour les titres (personnalité), une pour le corps de texte (lisibilité), éventuellement une d'accent. Précisez les tailles et graisses pour chaque usage (H1, H2, paragraphe)."}}],["$","h3","10",{"className":"font-dynapuff text-xl text-lavender mt-6 mb-1","children":"4. L'iconographie et les éléments graphiques"}],["$","p","11",{"dangerouslySetInnerHTML":{"__html":"Définissez le style des icônes (filled, outlined, duotone), les formes récurrentes, les motifs et les illustrations qui accompagnent votre identité."}}],["$","h3","12",{"className":"font-dynapuff text-xl text-lavender mt-6 mb-1","children":"5. Le style photographique"}],["$","p","13",{"dangerouslySetInnerHTML":{"__html":"Indiquez le type de photos à utiliser : ambiance, cadrage, traitement colorimétrique, filtres. Cela évite les incohérences visuelles sur vos réseaux sociaux."}}],["$","h3","14",{"className":"font-dynapuff text-xl text-lavender mt-6 mb-1","children":"6. Le ton de voix"}],["$","p","15",{"dangerouslySetInnerHTML":{"__html":"Le ton éditorial fait partie intégrante de l'identité de marque. Formel ou décontracté ? Technique ou accessible ? Définissez-le clairement avec des exemples."}}],["$","h2","16",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"Quels outils utiliser pour créer une charte graphique ?"}],["$","ul","17",{"className":"space-y-2 pl-4","children":[["$","li","0",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<strong>Figma</strong> : idéal pour créer une charte interactive et partageable en ligne"}}]]}],["$","li","1",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<strong>Adobe Illustrator</strong> : parfait pour les versions print haute résolution"}}]]}],"$La","$Lb"]}],"$Lc","$Ld","$Le","$Lf","$L10"]}]
9:["$","$L11",null,{"children":["$","$12",null,{"name":"Next.MetadataOutlet","children":"$@13"}]}]
a:["$","li","2",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<strong>Canva</strong> : accessible pour les petits budgets et les entrepreneurs solo"}}]]}]
b:["$","li","3",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<strong>Notion</strong> : pratique pour documenter les guidelines en format collaboratif"}}]]}]
c:["$","h2","18",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"Combien coûte une charte graphique ?"}]
d:["$","p","19",{"dangerouslySetInnerHTML":{"__html":"Le prix varie selon la complexité : de 500€ pour une charte basique (logo + couleurs + typo) à 5 000€+ pour une charte complète avec brand book, déclinaisons et templates. En tant que freelance, je propose des chartes adaptées à chaque budget."}}]
e:["$","h2","20",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"FAQ"}]
f:["$","p","21",{"dangerouslySetInnerHTML":{"__html":"<strong>Quelle est la différence entre charte graphique et identité visuelle ?</strong> L'identité visuelle est l'ensemble des éléments visuels (logo, couleurs, typo). La charte graphique est le document qui définit les règles d'utilisation de cette identité."}}]
10:["$","p","22",{"dangerouslySetInnerHTML":{"__html":"<strong>Faut-il refaire sa charte graphique régulièrement ?</strong> Une bonne charte évolue avec la marque. Un rafraîchissement tous les 3-5 ans est recommandé, ou lors d'un repositionnement stratégique."}}]
13:null