{"id":449,"date":"2025-05-20T09:20:00","date_gmt":"2025-05-20T07:20:00","guid":{"rendered":"https:\/\/blog.pitchweb-creation.fr\/?p=449"},"modified":"2026-08-12T18:34:16","modified_gmt":"2026-08-12T16:34:16","slug":"logo-identite-visuelle-et-charte-graphique-quelles-differences","status":"publish","type":"post","link":"https:\/\/blog.pitchweb-creation.fr\/index.php\/2025\/05\/20\/logo-identite-visuelle-et-charte-graphique-quelles-differences\/","title":{"rendered":"Logo, identit\u00e9 visuelle et charte graphique : quelles diff\u00e9rences\u00a0?"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Les trois \u00e9l\u00e9ments identitaires d&rsquo;une marque.<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>La cr\u00e9ation d&rsquo;un site web est intimement li\u00e9e \u00e0 l&rsquo;image de marque de votre activit\u00e9. Cependant, les trois \u00e9l\u00e9ments qui la composent ne sont pas toujours bien compris. En effet, logo, identit\u00e9 visuelle et charte graphique sont des \u00e9l\u00e9ments compl\u00e9mentaires, mais ils n\u2019ont pas la m\u00eame fonction. <\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Voyons donc quelles sont leurs diff\u00e9rences, et comment les utiliser pour construire une communication coh\u00e9rente et professionnelle.<\/strong><\/p>\n\n\n<style>.kb-image449_a9051f-4f .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image449_a9051f-4f size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1470\" height=\"984\" src=\"https:\/\/blog.pitchweb-creation.fr\/wp-content\/uploads\/2026\/03\/002_identite-visuelle.png\" alt=\"Logo, identit\u00e9 visuelle et charte graphique\" class=\"kb-img wp-image-457\" srcset=\"https:\/\/blog.pitchweb-creation.fr\/wp-content\/uploads\/2026\/03\/002_identite-visuelle.png 1470w, https:\/\/blog.pitchweb-creation.fr\/wp-content\/uploads\/2026\/03\/002_identite-visuelle-300x201.png 300w, https:\/\/blog.pitchweb-creation.fr\/wp-content\/uploads\/2026\/03\/002_identite-visuelle-1024x685.png 1024w, https:\/\/blog.pitchweb-creation.fr\/wp-content\/uploads\/2026\/03\/002_identite-visuelle-768x514.png 768w\" sizes=\"auto, (max-width: 1470px) 100vw, 1470px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading has--font-size\" style=\"border-bottom-width:1px\">Logo = <strong>symbole visuel<\/strong><\/h2>\n\n\n<style>.kb-row-layout-id449_d4ebef-5e > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id449_d4ebef-5e > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id449_d4ebef-5e > .kt-row-column-wrap{column-gap:var(--global-kb-gap-sm, 1rem);row-gap:var(--global-kb-gap-none, 0rem );padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:0px;grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id449_d4ebef-5e > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id449_d4ebef-5e > .kt-row-column-wrap{padding-left:var(--global-kb-spacing-xxs, 0.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id449_d4ebef-5e > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id449_d4ebef-5e alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column449_fe459b-4a > .kt-inside-inner-col{padding-right:var(--global-kb-spacing-sm, 1.5rem);}.kadence-column449_fe459b-4a > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column449_fe459b-4a > .kt-inside-inner-col{flex-direction:column;}.kadence-column449_fe459b-4a > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column449_fe459b-4a > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column449_fe459b-4a{position:relative;}@media all and (max-width: 1024px){.kadence-column449_fe459b-4a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column449_fe459b-4a > .kt-inside-inner-col{padding-right:0px;padding-left:0px;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column449_fe459b-4a\"><div class=\"kt-inside-inner-col\">\n<p class=\"wp-block-paragraph\" style=\"margin-bottom:var(--wp--preset--spacing--30);padding-bottom:0\">Ce symbole graphique repr\u00e9sente votre activit\u00e9. Il est repr\u00e9sent\u00e9 sous diff\u00e9rentes formes :<\/p>\n\n\n\n<ul style=\"margin-bottom:var(--wp--preset--spacing--30);padding-bottom:0;padding-left:var(--wp--preset--spacing--60)\" class=\"wp-block-list\">\n<li style=\"padding-bottom:var(--wp--preset--spacing--20)\">Un pictogramme,<\/li>\n\n\n\n<li style=\"padding-bottom:var(--wp--preset--spacing--20)\">Des initiales stylis\u00e9es,<\/li>\n\n\n\n<li style=\"padding-bottom:var(--wp--preset--spacing--20)\">Une typographie sp\u00e9cifique,<\/li>\n\n\n\n<li style=\"padding-bottom:0\">Ou une combinaison de ces \u00e9l\u00e9ments.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n<style>.kadence-column449_ac221a-d3 > .kt-inside-inner-col{display:flex;}.kadence-column449_ac221a-d3 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column449_ac221a-d3 > .kt-inside-inner-col{flex-direction:column;align-items:center;}.kadence-column449_ac221a-d3 > .kt-inside-inner-col > .kb-image-is-ratio-size{align-self:stretch;}.kadence-column449_ac221a-d3 > .kt-inside-inner-col > .wp-block-kadence-advancedgallery{align-self:stretch;}.kadence-column449_ac221a-d3 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column449_ac221a-d3 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column449_ac221a-d3{position:relative;}.kadence-column449_ac221a-d3, .kt-inside-inner-col > .kadence-column449_ac221a-d3:not(.specificity){margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);}@media all and (max-width: 1024px){.kadence-column449_ac221a-d3 > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:center;}}@media all and (max-width: 767px){.kadence-column449_ac221a-d3 > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column449_ac221a-d3 kb-section-dir-vertical\"><div class=\"kt-inside-inner-col\"><style>.kb-image449_89a58f-8e.kb-image-is-ratio-size, .kb-image449_89a58f-8e .kb-image-is-ratio-size{max-width:265px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image449_89a58f-8e.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image449_89a58f-8e .kb-image-is-ratio-size{align-self:unset;}.kb-image449_89a58f-8e{max-width:265px;}.image-is-svg.kb-image449_89a58f-8e{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image449_89a58f-8e img{width:100%;}.kb-image449_89a58f-8e .kb-image-has-overlay:after{opacity:0.3;}.kb-image449_89a58f-8e img.kb-img, .kb-image449_89a58f-8e .kb-img img{box-shadow:0px 0px 6px -1px rgba(0, 0, 0, 0.2);}<\/style>\n<figure class=\"wp-block-kadence-image kb-image449_89a58f-8e size-full\"><img decoding=\"async\" src=\"https:\/\/pitchweb-creation.fr\/wp-content\/uploads\/2025\/09\/logo.png\" alt=\"Logo\" class=\"kb-img wp-image-12550\" title=\"exemple de logo\" data-tooltip-id=\"kb-image-tooltip-449_89a58f-8e\"\/><span class=\"kb-tooltip-hidden-content\" style=\"display:none\" id=\"kb-image-tooltip-449_89a58f-8e\">Cercle bleu avec les initiales \u201cJM\u201d, accompagn\u00e9 du nom JM Consulting.<\/span><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--40);padding-top:0;padding-bottom:0\">Par exemple, sur le site d&rsquo;un consultant JM CONSULTING : le nom est surmont\u00e9 d&rsquo;un cercle bleu contenant les initiales en blanc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--40);padding-top:0;padding-bottom:0\">Sur le site web, il appara\u00eet en haut (dans l&rsquo;ent\u00eate) et en bas (dans le pied de page). Il est \u00e9galement pr\u00e9sent dans l\u2019onglet du navigateur (c&rsquo;est la petite ic\u00f4ne appel\u00e9e <em>favicon<\/em>).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ainsi, le logo repr\u00e9sente la <strong>signature visuelle<\/strong> de votre marque qui doit \u00eatre imm\u00e9diatement reconnaissable. <\/p>\n\n\n\n<h2 class=\"wp-block-heading has--font-size\" style=\"border-bottom-width:1px\">Identit\u00e9 visuelle = univers graphique global<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Elle correspond \u00e0 l\u2019ensemble des \u00e9l\u00e9ments graphiques qui d\u00e9finissent la <strong>personnalit\u00e9 esth\u00e9tique globale<\/strong> de votre marque. Elle comprend la palette de couleurs, les typographies, ic\u00f4nes, boutons, images, formes et ambiances visuelles. <br>Dans notre exemple, elle se traduit par\u00a0:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3f66a36f wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/pitchweb-creation.fr\/wp-content\/uploads\/2025\/09\/Identite-visuelle-1-1024x764.png\" alt=\"\" class=\"wp-image-12554\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-bottom:0\">\n<p class=\"wp-block-paragraph\" style=\"margin-bottom:var(--wp--preset--spacing--20)\">Cette palette\u00a0:<\/p>\n\n\n\n<ul style=\"padding-left:var(--wp--preset--spacing--50)\" class=\"wp-block-list\">\n<li>Bleu marine pour les titres et menus,<\/li>\n\n\n\n<li>Bleu clair pour les boutons et liens,<\/li>\n\n\n\n<li style=\"margin-top:0;margin-bottom:0;padding-bottom:0\">Blanc pour les fonds principaux.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--20)\">Ces typographies\u00a0:<\/p>\n\n\n\n<ul style=\"margin-top:0;margin-bottom:0;padding-bottom:0;padding-left:var(--wp--preset--spacing--50)\" class=\"wp-block-list\">\n<li>Titres H1 en Montserrat Bold, 36px,<\/li>\n\n\n\n<li>Titres H2 en Montserrat Regular 28px,<\/li>\n\n\n\n<li style=\"padding-bottom:0\">Texte courant en Open Sans.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-bottom:var(--wp--preset--spacing--40);padding-bottom:0\">Ce style des boutons : police blanche sur fond bleu. <br>Cette ambiance photographique : images en noir et blanc avec un filtre bleu \u00e0 20% d\u2019opacit\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"padding-bottom:0\">L\u2019identit\u00e9 visuelle apporte donc une <em>coh\u00e9rence visuelle<\/em> \u00e0 tous les supports (site web, r\u00e9seaux sociaux, cartes de visite, packaging\u2026). C&rsquo;est elle qui donne une personnalit\u00e9 au site et rend <strong>l\u2019exp\u00e9rience agr\u00e9able pour le visiteur<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has--font-size\" style=\"border-bottom-width:1px\">Charte graphique = guide d\u2019utilisation<\/h2>\n\n\n<style>.kb-row-layout-id449_cf2729-45 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id449_cf2729-45 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id449_cf2729-45 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-sm, 1rem);row-gap:var(--global-kb-gap-none, 0rem );padding-top:var(--global-kb-spacing-xxs, 0.5rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);}.kb-row-layout-id449_cf2729-45 > .kt-row-column-wrap > *:nth-child(3n of *:not(style)){grid-column:1 \/ -1;}.kb-row-layout-id449_cf2729-45 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id449_cf2729-45 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id449_cf2729-45 > .kt-row-column-wrap{padding-left:var(--global-kb-spacing-xxs, 0.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 1024px){.kb-row-layout-id449_cf2729-45 > .kt-row-column-wrap > *:nth-child(3n of *:not(style)){grid-column:1 \/ -1;}}@media all and (max-width: 767px){.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id449_cf2729-45{margin-bottom:var(--global-kb-spacing-lg, 3rem);}.kb-row-layout-id449_cf2729-45 > .kt-row-column-wrap{padding-right:var(--global-kb-spacing-xxs, 0.5rem);padding-left:var(--global-kb-spacing-xxs, 0.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id449_cf2729-45 > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id449_cf2729-45 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-3-columns kt-row-layout-last-row kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column449_3eac24-70 > .kt-inside-inner-col{padding-bottom:0px;}.kadence-column449_3eac24-70 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column449_3eac24-70 > .kt-inside-inner-col{flex-direction:column;}.kadence-column449_3eac24-70 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column449_3eac24-70 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column449_3eac24-70{position:relative;}.kadence-column449_3eac24-70, .kt-inside-inner-col > .kadence-column449_3eac24-70:not(.specificity){margin-bottom:0px;}@media all and (max-width: 1024px){.kadence-column449_3eac24-70 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column449_3eac24-70 > .kt-inside-inner-col{padding-right:0px;padding-left:0px;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column449_3eac24-70\"><div class=\"kt-inside-inner-col\">\n<p class=\"wp-block-paragraph\" style=\"margin-bottom:var(--wp--preset--spacing--40);padding-bottom:0\">Ce document formalise toutes les r\u00e8gles li\u00e9es \u00e0 l\u2019usage du logo et de l\u2019identit\u00e9 visuelle. Ainsi, elle garantit <strong>la constance et l\u2019homog\u00e9n\u00e9it\u00e9 de votre image de marque<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-bottom:var(--wp--preset--spacing--20);padding-top:0;padding-bottom:0\">Elle comprend :<\/p>\n\n\n\n<ul style=\"margin-top:0;margin-bottom:0;padding-bottom:0;padding-left:var(--wp--preset--spacing--60)\" class=\"wp-block-list\">\n<li style=\"padding-bottom:var(--wp--preset--spacing--20)\">Les versions autoris\u00e9es du logo (couleurs, tailles, marges),<\/li>\n\n\n\n<li style=\"padding-bottom:var(--wp--preset--spacing--20)\">Les interdits (d\u00e9formation du logo utilisation d\u2019autres couleurs&#8230;),<\/li>\n\n\n\n<li style=\"padding-bottom:var(--wp--preset--spacing--20)\">Les codes couleurs exacts (#1C2E4A, #4F9FFF\u2026),<\/li>\n\n\n\n<li style=\"padding-bottom:var(--wp--preset--spacing--20)\">Les r\u00e8gles typographiques (taille, sous-titres et textes),<\/li>\n\n\n\n<li style=\"padding-bottom:0\">Le style des images et illustrations.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--30)\">Dans l&rsquo;exemple, elle d\u00e9finit l&rsquo;espace autour du logo, puis l&rsquo;utilisation exclusive du bleu clair pour les boutons et les liens.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column449_e84a33-dc > .kt-inside-inner-col{display:flex;}.kadence-column449_e84a33-dc > .kt-inside-inner-col{padding-bottom:0px;}.kadence-column449_e84a33-dc > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column449_e84a33-dc > .kt-inside-inner-col{flex-direction:column;align-items:center;}.kadence-column449_e84a33-dc > .kt-inside-inner-col > .kb-image-is-ratio-size{align-self:stretch;}.kadence-column449_e84a33-dc > .kt-inside-inner-col > .wp-block-kadence-advancedgallery{align-self:stretch;}.kadence-column449_e84a33-dc > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column449_e84a33-dc > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column449_e84a33-dc{position:relative;}.kadence-column449_e84a33-dc, .kt-inside-inner-col > .kadence-column449_e84a33-dc:not(.specificity){margin-bottom:0px;}@media all and (max-width: 1024px){.kadence-column449_e84a33-dc > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:center;}}@media all and (max-width: 767px){.kadence-column449_e84a33-dc > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column449_e84a33-dc\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-image.kb-image449_930ab0-ab:not(.kb-specificity-added):not(.kb-extra-specificity-added){margin-bottom:0px;}.kb-image449_930ab0-ab.kb-image-is-ratio-size, .kb-image449_930ab0-ab .kb-image-is-ratio-size{max-width:578px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image449_930ab0-ab.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image449_930ab0-ab .kb-image-is-ratio-size{align-self:unset;}.kb-image449_930ab0-ab{max-width:578px;}.image-is-svg.kb-image449_930ab0-ab{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image449_930ab0-ab img{width:100%;}.kb-image449_930ab0-ab:not(.kb-image-is-ratio-size) .kb-img, .kb-image449_930ab0-ab.kb-image-is-ratio-size{padding-bottom:0px;}.kb-image449_930ab0-ab .kb-image-has-overlay:after{opacity:0.3;}.kb-image449_930ab0-ab img.kb-img, .kb-image449_930ab0-ab .kb-img img{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;box-shadow:0px 0px 6px -1px rgba(0, 0, 0, 0.2);}@media all and (max-width: 1024px){.kb-image449_930ab0-ab img.kb-img, .kb-image449_930ab0-ab .kb-img img{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;}}@media all and (max-width: 767px){.kb-image449_930ab0-ab img.kb-img, .kb-image449_930ab0-ab .kb-img img{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;}}<\/style>\n<figure class=\"wp-block-kadence-image kb-image449_930ab0-ab size-full\"><img decoding=\"async\" src=\"https:\/\/pitchweb-creation.fr\/wp-content\/uploads\/2025\/09\/Charte-graphique.png\" alt=\"\" class=\"kb-img wp-image-12557 kb-image-tooltip-border\" title=\"exemple de charte graphique\" data-tooltip-id=\"kb-image-tooltip-449_930ab0-ab\"\/><span class=\"kb-tooltip-hidden-content\" style=\"display:none\" id=\"kb-image-tooltip-449_930ab0-ab\">Logo : toujours entour\u00e9 d&rsquo;un espace,\nBleu : r\u00e9serv\u00e9 aux boutons et liens,\nTexte courant en 16px Open Sans,\nPhotos en noir et blanc avec surcouche bleue.<\/span><\/figure>\n<\/div><\/div>\n\n\n<style>.kadence-column449_c43d99-02 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column449_c43d99-02 > .kt-inside-inner-col{flex-direction:column;}.kadence-column449_c43d99-02 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column449_c43d99-02 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column449_c43d99-02{position:relative;}@media all and (max-width: 1024px){.kadence-column449_c43d99-02 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column449_c43d99-02 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column449_c43d99-02\"><div class=\"kt-inside-inner-col\">\n<p class=\"wp-block-paragraph\">De plus, elle indique que le texte courant est en 16px Open Sans. Et, enfin, que les photos sont en noir et blanc avec une l\u00e9g\u00e8re surcouche bleue.<\/p>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\">V\u00e9ritable <em>mode d\u2019emploi<\/em> de l\u2019identit\u00e9 visuelle, la charte graphique garantit ainsi <strong>une image de marque constante et homog\u00e8ne<\/strong>. Et m\u00eame si plusieurs personnes interviennent sur vos supports de communication.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has--font-size\" style=\"border-bottom-width:1px\">Conclusion : 3 \u00e9l\u00e9ments pour une m\u00eame coh\u00e9rence<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-bottom:var(--wp--preset--spacing--30)\">Voici donc ce qu&rsquo;il faut retenir : d&rsquo;abord, le logo symbolise votre marque. Puis, l\u2019identit\u00e9 visuelle repr\u00e9sente l\u2019univers graphique complet en donnant du sens et de la coh\u00e9rence \u00e0 votre communication. Enfin, la charte graphique encadre leur utilisation sur tous les types de supports.<\/p>\n\n\n\n<p class=\"has-md-font-size wp-block-paragraph\">Par cons\u00e9quent, bien d\u00e9finir ces trois \u00e9l\u00e9ments permet de cr\u00e9er une premi\u00e8re impression forte et de transmettre vos valeurs. Ce qui permet d\u2019instaurer une cr\u00e9dibilit\u00e9 imm\u00e9diate aupr\u00e8s de vos visiteurs. Indispensable pour <strong>se d\u00e9marquer de ses concurrents<\/strong> !<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)\"\/>\n\n\n<style>.kadence-column449_e4f1b3-10 > .kt-inside-inner-col{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kadence-column449_e4f1b3-10 > .kt-inside-inner-col{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;}.kadence-column449_e4f1b3-10 > .kt-inside-inner-col,.kadence-column449_e4f1b3-10 > .kt-inside-inner-col:before{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.kadence-column449_e4f1b3-10 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column449_e4f1b3-10 > .kt-inside-inner-col{flex-direction:column;}.kadence-column449_e4f1b3-10 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column449_e4f1b3-10 > .kt-inside-inner-col{background-color:var(--global-palette8, #F7FAFC);}.kadence-column449_e4f1b3-10 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column449_e4f1b3-10{position:relative;}@media all and (max-width: 1024px){.kadence-column449_e4f1b3-10 > .kt-inside-inner-col{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column449_e4f1b3-10 > .kt-inside-inner-col{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column449_e4f1b3-10\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading449_7a28e7-07, .wp-block-kadence-advancedheading.kt-adv-heading449_7a28e7-07[data-kb-block=\"kb-adv-heading449_7a28e7-07\"]{font-size:var(--global-kb-font-size-md, 1.25rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading449_7a28e7-07 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading449_7a28e7-07[data-kb-block=\"kb-adv-heading449_7a28e7-07\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading449_7a28e7-07 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading449_7a28e7-07[data-kb-block=\"kb-adv-heading449_7a28e7-07\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading449_7a28e7-07 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading449_7a28e7-07\">\u00c0 lire \u00e9galement<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En avril dernier, le <a href=\"https:\/\/www.journaldunet.fr\/business\/dictionnaire-du-marketing\/1198149-charte-graphique-definition-traduction-et-synonymes\/\" target=\"_blank\" rel=\"noreferrer noopener\">Journal du Net<\/a> a donn\u00e9 une bonne d\u00e9finition de ces trois \u00e9l\u00e9ments, dont voici quelques extraits :<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00ab\u00a0Le logo (&#8230;) correspond \u00e0 <strong>la repr\u00e9sentation symbolique et graphique<\/strong> d&rsquo;une marque, d&rsquo;une entreprise et fait partie de son identit\u00e9 visuelle. Le logo sert \u00e0 identifier une marque et \u00e0 la diff\u00e9rencier de ses concurrents. Il sert aussi \u00e0 porter les valeurs, le secteur d&rsquo;activit\u00e9 de l&rsquo;entreprise qu&rsquo;il repr\u00e9sente et \u00e0 f\u00e9d\u00e9rer les consommateurs. (&#8230;)\u00a0\u00bb.<br><br>\u00ab\u00a0L&rsquo;identit\u00e9 visuelle d&rsquo;une marque ou d&rsquo;une entreprise est sa <strong>carte d&rsquo;identit\u00e9 graphique<\/strong>, qui permet de la reconna\u00eetre, parfois sans m\u00eame lire son nom. (&#8230;). L&rsquo;identit\u00e9 visuelle doit repr\u00e9senter l&rsquo;activit\u00e9 de l&rsquo;entreprise, ses valeurs, son image, sa mission, son engagement. Elle doit aussi \u00eatre adapt\u00e9e \u00e0 la cible vis\u00e9e, en fonction de son \u00e2ge ou de sa cat\u00e9gorie. (&#8230;)\u00a0\u00bb<br><br>\u00ab\u00a0L&rsquo;expression charte graphique correspond \u00e0 <strong>l&rsquo;ensemble des \u00e9l\u00e9ments<\/strong> qui d\u00e9finissent l&rsquo;identit\u00e9 visuelle d&rsquo;une marque, d&rsquo;une organisation ou d&rsquo;une entreprise (&#8230;). La charte graphique est instaur\u00e9e pour que tous les documents \u00e9mis restent fid\u00e8les aux principes graphiques, ce qui permet de maintenir une coh\u00e9rence visuelle dans l&rsquo;ensemble de la communication : logo, typographie, couleurs, slogans, etc. (&#8230;)\u00a0\u00bb.<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)\"\/>\n\n\n\n<ul class=\"wp-block-outermost-social-sharing is-content-justification-center is-layout-flex wp-container-outermost-social-sharing-is-layout-fe48e5de wp-block-outermost-social-sharing-is-layout-flex\"><li class=\"outermost-social-sharing-link outermost-social-sharing-link-facebook wp-block-outermost-social-sharing-link\">\n\t<a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fblog.pitchweb-creation.fr%2Findex.php%2F2025%2F05%2F20%2Flogo-identite-visuelle-et-charte-graphique-quelles-differences%2F&#038;title=Logo%2C%20identit%C3%A9%20visuelle%20et%20charte%20graphique%20%3A%20quelles%20diff%C3%A9rences%C2%A0%3F\" aria-label=\"Partager sur facebook\" rel=\"noopener nofollow\" target=\"_blank\" class=\"wp-block-outermost-social-sharing-link-anchor\">\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z\"><\/path><\/svg>\t\t<span class=\"wp-block-outermost-social-sharing-link-label screen-reader-text\">\n\t\t\tPartager sur facebook\t\t<\/span>\n\t<\/a>\n<\/li>\n\n\n<li class=\"outermost-social-sharing-link outermost-social-sharing-link-linkedin wp-block-outermost-social-sharing-link\">\n\t<a href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fblog.pitchweb-creation.fr%2Findex.php%2F2025%2F05%2F20%2Flogo-identite-visuelle-et-charte-graphique-quelles-differences%2F&#038;title=Logo%2C%20identit%C3%A9%20visuelle%20et%20charte%20graphique%20%3A%20quelles%20diff%C3%A9rences%C2%A0%3F\" aria-label=\"Partager sur LinkedIn\" rel=\"noopener nofollow\" target=\"_blank\" class=\"wp-block-outermost-social-sharing-link-anchor\">\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z\"><\/path><\/svg>\t\t<span class=\"wp-block-outermost-social-sharing-link-label screen-reader-text\">\n\t\t\tPartager sur LinkedIn\t\t<\/span>\n\t<\/a>\n<\/li>\n\n\n<li class=\"outermost-social-sharing-link outermost-social-sharing-link-whatsapp wp-block-outermost-social-sharing-link\">\n\t<a href=\"https:\/\/api.whatsapp.com\/send?text=Logo%2C%20identit%C3%A9%20visuelle%20et%20charte%20graphique%20%3A%20quelles%20diff%C3%A9rences%C2%A0%3F%20&mdash;%20https%3A%2F%2Fblog.pitchweb-creation.fr%2Findex.php%2F2025%2F05%2F20%2Flogo-identite-visuelle-et-charte-graphique-quelles-differences%2F\" aria-label=\"Partager sur WhatsApp\" rel=\"noopener nofollow\" target=\"_blank\" class=\"wp-block-outermost-social-sharing-link-anchor\">\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M 12.011719 2 C 6.5057187 2 2.0234844 6.478375 2.0214844 11.984375 C 2.0204844 13.744375 2.4814687 15.462563 3.3554688 16.976562 L 2 22 L 7.2324219 20.763672 C 8.6914219 21.559672 10.333859 21.977516 12.005859 21.978516 L 12.009766 21.978516 C 17.514766 21.978516 21.995047 17.499141 21.998047 11.994141 C 22.000047 9.3251406 20.962172 6.8157344 19.076172 4.9277344 C 17.190172 3.0407344 14.683719 2.001 12.011719 2 z M 12.009766 4 C 14.145766 4.001 16.153109 4.8337969 17.662109 6.3417969 C 19.171109 7.8517969 20.000047 9.8581875 19.998047 11.992188 C 19.996047 16.396187 16.413812 19.978516 12.007812 19.978516 C 10.674812 19.977516 9.3544062 19.642812 8.1914062 19.007812 L 7.5175781 18.640625 L 6.7734375 18.816406 L 4.8046875 19.28125 L 5.2851562 17.496094 L 5.5019531 16.695312 L 5.0878906 15.976562 C 4.3898906 14.768562 4.0204844 13.387375 4.0214844 11.984375 C 4.0234844 7.582375 7.6067656 4 12.009766 4 z M 8.4765625 7.375 C 8.3095625 7.375 8.0395469 7.4375 7.8105469 7.6875 C 7.5815469 7.9365 6.9355469 8.5395781 6.9355469 9.7675781 C 6.9355469 10.995578 7.8300781 12.182609 7.9550781 12.349609 C 8.0790781 12.515609 9.68175 15.115234 12.21875 16.115234 C 14.32675 16.946234 14.754891 16.782234 15.212891 16.740234 C 15.670891 16.699234 16.690438 16.137687 16.898438 15.554688 C 17.106437 14.971687 17.106922 14.470187 17.044922 14.367188 C 16.982922 14.263188 16.816406 14.201172 16.566406 14.076172 C 16.317406 13.951172 15.090328 13.348625 14.861328 13.265625 C 14.632328 13.182625 14.464828 13.140625 14.298828 13.390625 C 14.132828 13.640625 13.655766 14.201187 13.509766 14.367188 C 13.363766 14.534188 13.21875 14.556641 12.96875 14.431641 C 12.71875 14.305641 11.914938 14.041406 10.960938 13.191406 C 10.218937 12.530406 9.7182656 11.714844 9.5722656 11.464844 C 9.4272656 11.215844 9.5585938 11.079078 9.6835938 10.955078 C 9.7955938 10.843078 9.9316406 10.663578 10.056641 10.517578 C 10.180641 10.371578 10.223641 10.267562 10.306641 10.101562 C 10.389641 9.9355625 10.347156 9.7890625 10.285156 9.6640625 C 10.223156 9.5390625 9.737625 8.3065 9.515625 7.8125 C 9.328625 7.3975 9.131125 7.3878594 8.953125 7.3808594 C 8.808125 7.3748594 8.6425625 7.375 8.4765625 7.375 z\"><\/path><\/svg>\t\t<span class=\"wp-block-outermost-social-sharing-link-label screen-reader-text\">\n\t\t\tPartager sur WhatsApp\t\t<\/span>\n\t<\/a>\n<\/li>\n\n\n<li class=\"outermost-social-sharing-link outermost-social-sharing-link-x wp-block-outermost-social-sharing-link\">\n\t<a href=\"https:\/\/x.com\/share?url=https%3A%2F%2Fblog.pitchweb-creation.fr%2Findex.php%2F2025%2F05%2F20%2Flogo-identite-visuelle-et-charte-graphique-quelles-differences%2F&#038;text=Logo%2C%20identit%C3%A9%20visuelle%20et%20charte%20graphique%20%3A%20quelles%20diff%C3%A9rences%C2%A0%3F\" aria-label=\"Partager sur X\" rel=\"noopener nofollow\" target=\"_blank\" class=\"wp-block-outermost-social-sharing-link-anchor\">\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z\"><\/path><\/svg>\t\t<span class=\"wp-block-outermost-social-sharing-link-label screen-reader-text\">\n\t\t\tPartager sur X\t\t<\/span>\n\t<\/a>\n<\/li>\n\n\n<li class=\"outermost-social-sharing-link outermost-social-sharing-link-mail wp-block-outermost-social-sharing-link\">\n\t<a href=\"mailto:?subject=Logo%2C%20identit%C3%A9%20visuelle%20et%20charte%20graphique%20%3A%20quelles%20diff%C3%A9rences%C2%A0%3F&#038;body=Logo%2C%20identit%C3%A9%20visuelle%20et%20charte%20graphique%20%3A%20quelles%20diff%C3%A9rences%C2%A0%3F%20&mdash;%20https%3A%2F%2Fblog.pitchweb-creation.fr%2Findex.php%2F2025%2F05%2F20%2Flogo-identite-visuelle-et-charte-graphique-quelles-differences%2F\" aria-label=\"Envoyer par mail\"  class=\"wp-block-outermost-social-sharing-link-anchor\">\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20,4H4C2.895,4,2,4.895,2,6v12c0,1.105,0.895,2,2,2h16c1.105,0,2-0.895,2-2V6C22,4.895,21.105,4,20,4z M20,8.236l-8,4.882 L4,8.236V6h16V8.236z\"><\/path><\/svg>\t\t<span class=\"wp-block-outermost-social-sharing-link-label screen-reader-text\">\n\t\t\tEnvoyer par mail\t\t<\/span>\n\t<\/a>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Les trois \u00e9l\u00e9ments identitaires d&rsquo;une marque. La cr\u00e9ation d&rsquo;un site web est intimement li\u00e9e \u00e0 l&rsquo;image de marque de votre&#8230;<\/p>\n","protected":false},"author":1,"featured_media":457,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"hide","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[8,44],"tags":[84,83,82],"class_list":["post-449","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-communication","category-site-internet-web","tag-charte-graphique","tag-identite-visuelle","tag-logo"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Logo, identit\u00e9 visuelle et charte graphique : quelles diff\u00e9rences\u00a0? - le p&#039;tit blog autour du web<\/title>\n<meta name=\"description\" content=\"La cr\u00e9ation d&#039;un site web est intimement li\u00e9e \u00e0 l&#039;image de marque de votre activit\u00e9. Cependant, les trois \u00e9l\u00e9ments qui la composent...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.pitchweb-creation.fr\/index.php\/2025\/05\/20\/logo-identite-visuelle-et-charte-graphique-quelles-differences\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Logo, identit\u00e9 visuelle et charte graphique : quelles diff\u00e9rences\u00a0? - le p&#039;tit blog autour du web\" \/>\n<meta property=\"og:description\" content=\"La cr\u00e9ation d&#039;un site web est intimement li\u00e9e \u00e0 l&#039;image de marque de votre activit\u00e9. Cependant, les trois \u00e9l\u00e9ments qui la composent...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.pitchweb-creation.fr\/index.php\/2025\/05\/20\/logo-identite-visuelle-et-charte-graphique-quelles-differences\/\" \/>\n<meta property=\"og:site_name\" content=\"le p&#039;tit blog autour du web\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/PitchWebCreation\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-20T07:20:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-12T16:34:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.pitchweb-creation.fr\/wp-content\/uploads\/2026\/03\/002_identite-visuelle.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"984\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"SR\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"SR\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/index.php\\\/2025\\\/05\\\/20\\\/logo-identite-visuelle-et-charte-graphique-quelles-differences\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/index.php\\\/2025\\\/05\\\/20\\\/logo-identite-visuelle-et-charte-graphique-quelles-differences\\\/\"},\"author\":{\"name\":\"SR\",\"@id\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/#\\\/schema\\\/person\\\/8b93859a77a03cfd195b6c80e7cf10ac\"},\"headline\":\"Logo, identit\u00e9 visuelle et charte graphique : quelles diff\u00e9rences\u00a0?\",\"datePublished\":\"2025-05-20T07:20:00+00:00\",\"dateModified\":\"2026-08-12T16:34:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/index.php\\\/2025\\\/05\\\/20\\\/logo-identite-visuelle-et-charte-graphique-quelles-differences\\\/\"},\"wordCount\":882,\"image\":{\"@id\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/index.php\\\/2025\\\/05\\\/20\\\/logo-identite-visuelle-et-charte-graphique-quelles-differences\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/002_identite-visuelle.png\",\"keywords\":[\"charte graphique\",\"identit\u00e9 visuelle\",\"logo\"],\"articleSection\":[\"Communication\",\"site Internet\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/index.php\\\/2025\\\/05\\\/20\\\/logo-identite-visuelle-et-charte-graphique-quelles-differences\\\/\",\"url\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/index.php\\\/2025\\\/05\\\/20\\\/logo-identite-visuelle-et-charte-graphique-quelles-differences\\\/\",\"name\":\"Logo, identit\u00e9 visuelle et charte graphique : quelles diff\u00e9rences\u00a0? - le p&#039;tit blog autour du web\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/index.php\\\/2025\\\/05\\\/20\\\/logo-identite-visuelle-et-charte-graphique-quelles-differences\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/index.php\\\/2025\\\/05\\\/20\\\/logo-identite-visuelle-et-charte-graphique-quelles-differences\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/002_identite-visuelle.png\",\"datePublished\":\"2025-05-20T07:20:00+00:00\",\"dateModified\":\"2026-08-12T16:34:16+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/#\\\/schema\\\/person\\\/8b93859a77a03cfd195b6c80e7cf10ac\"},\"description\":\"La cr\u00e9ation d'un site web est intimement li\u00e9e \u00e0 l'image de marque de votre activit\u00e9. Cependant, les trois \u00e9l\u00e9ments qui la composent...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/index.php\\\/2025\\\/05\\\/20\\\/logo-identite-visuelle-et-charte-graphique-quelles-differences\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/index.php\\\/2025\\\/05\\\/20\\\/logo-identite-visuelle-et-charte-graphique-quelles-differences\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/index.php\\\/2025\\\/05\\\/20\\\/logo-identite-visuelle-et-charte-graphique-quelles-differences\\\/#primaryimage\",\"url\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/002_identite-visuelle.png\",\"contentUrl\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/002_identite-visuelle.png\",\"width\":1470,\"height\":984,\"caption\":\"Logo, identit\u00e9 visuelle et charte graphique\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/index.php\\\/2025\\\/05\\\/20\\\/logo-identite-visuelle-et-charte-graphique-quelles-differences\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Logo, identit\u00e9 visuelle et charte graphique : quelles diff\u00e9rences\u00a0?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/#website\",\"url\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/\",\"name\":\"Le p'tit blog autour du web\",\"description\":\"Actus, tendances et r\u00e8glementations\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/#\\\/schema\\\/person\\\/8b93859a77a03cfd195b6c80e7cf10ac\",\"name\":\"SR\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/35d1a1b91d1333b3ecfef01da21323f0183e1787d6eba0c871d2e00ce8ee5e34?s=96&d=initials&r=g&initials=co\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/35d1a1b91d1333b3ecfef01da21323f0183e1787d6eba0c871d2e00ce8ee5e34?s=96&d=initials&r=g&initials=co\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/35d1a1b91d1333b3ecfef01da21323f0183e1787d6eba0c871d2e00ce8ee5e34?s=96&d=initials&r=g&initials=co\",\"caption\":\"SR\"},\"description\":\"Cr\u00e9ative et curieuse de nature, j'ai plaisir \u00e0 partager mes d\u00e9couvertes et r\u00e9flexions sur les infos et actualit\u00e9s qui ont retenu mon attention. Elles tournent essentiellement autour du web : technologie, design, r\u00e9glementation, entrepreneuriat f\u00e9minin... Je pr\u00e9cise que, quels que soient les sujets trait\u00e9s, mes articles sont sans pr\u00e9tention (et toujours sourc\u00e9s). Jetez un \u0153il, commentez (avec des propos mesur\u00e9s, svp) et partagez, si le c\u0153ur vous en dit ! Bonne d\u00e9couverte... St\u00e9phanie\",\"sameAs\":[\"https:\\\/\\\/blog.pitchweb-creation.fr\"],\"url\":\"https:\\\/\\\/blog.pitchweb-creation.fr\\\/index.php\\\/author\\\/steffy\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Logo, identit\u00e9 visuelle et charte graphique : quelles diff\u00e9rences\u00a0? - le p&#039;tit blog autour du web","description":"La cr\u00e9ation d'un site web est intimement li\u00e9e \u00e0 l'image de marque de votre activit\u00e9. Cependant, les trois \u00e9l\u00e9ments qui la composent...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.pitchweb-creation.fr\/index.php\/2025\/05\/20\/logo-identite-visuelle-et-charte-graphique-quelles-differences\/","og_locale":"fr_FR","og_type":"article","og_title":"Logo, identit\u00e9 visuelle et charte graphique : quelles diff\u00e9rences\u00a0? - le p&#039;tit blog autour du web","og_description":"La cr\u00e9ation d'un site web est intimement li\u00e9e \u00e0 l'image de marque de votre activit\u00e9. Cependant, les trois \u00e9l\u00e9ments qui la composent...","og_url":"https:\/\/blog.pitchweb-creation.fr\/index.php\/2025\/05\/20\/logo-identite-visuelle-et-charte-graphique-quelles-differences\/","og_site_name":"le p&#039;tit blog autour du web","article_publisher":"https:\/\/www.facebook.com\/PitchWebCreation\/","article_published_time":"2025-05-20T07:20:00+00:00","article_modified_time":"2026-08-12T16:34:16+00:00","og_image":[{"width":1470,"height":984,"url":"https:\/\/blog.pitchweb-creation.fr\/wp-content\/uploads\/2026\/03\/002_identite-visuelle.png","type":"image\/png"}],"author":"SR","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"SR","Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.pitchweb-creation.fr\/index.php\/2025\/05\/20\/logo-identite-visuelle-et-charte-graphique-quelles-differences\/#article","isPartOf":{"@id":"https:\/\/blog.pitchweb-creation.fr\/index.php\/2025\/05\/20\/logo-identite-visuelle-et-charte-graphique-quelles-differences\/"},"author":{"name":"SR","@id":"https:\/\/blog.pitchweb-creation.fr\/#\/schema\/person\/8b93859a77a03cfd195b6c80e7cf10ac"},"headline":"Logo, identit\u00e9 visuelle et charte graphique : quelles diff\u00e9rences\u00a0?","datePublished":"2025-05-20T07:20:00+00:00","dateModified":"2026-08-12T16:34:16+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.pitchweb-creation.fr\/index.php\/2025\/05\/20\/logo-identite-visuelle-et-charte-graphique-quelles-differences\/"},"wordCount":882,"image":{"@id":"https:\/\/blog.pitchweb-creation.fr\/index.php\/2025\/05\/20\/logo-identite-visuelle-et-charte-graphique-quelles-differences\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.pitchweb-creation.fr\/wp-content\/uploads\/2026\/03\/002_identite-visuelle.png","keywords":["charte graphique","identit\u00e9 visuelle","logo"],"articleSection":["Communication","site Internet"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/blog.pitchweb-creation.fr\/index.php\/2025\/05\/20\/logo-identite-visuelle-et-charte-graphique-quelles-differences\/","url":"https:\/\/blog.pitchweb-creation.fr\/index.php\/2025\/05\/20\/logo-identite-visuelle-et-charte-graphique-quelles-differences\/","name":"Logo, identit\u00e9 visuelle et charte graphique : quelles diff\u00e9rences\u00a0? - le p&#039;tit blog autour du web","isPartOf":{"@id":"https:\/\/blog.pitchweb-creation.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.pitchweb-creation.fr\/index.php\/2025\/05\/20\/logo-identite-visuelle-et-charte-graphique-quelles-differences\/#primaryimage"},"image":{"@id":"https:\/\/blog.pitchweb-creation.fr\/index.php\/2025\/05\/20\/logo-identite-visuelle-et-charte-graphique-quelles-differences\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.pitchweb-creation.fr\/wp-content\/uploads\/2026\/03\/002_identite-visuelle.png","datePublished":"2025-05-20T07:20:00+00:00","dateModified":"2026-08-12T16:34:16+00:00","author":{"@id":"https:\/\/blog.pitchweb-creation.fr\/#\/schema\/person\/8b93859a77a03cfd195b6c80e7cf10ac"},"description":"La cr\u00e9ation d'un site web est intimement li\u00e9e \u00e0 l'image de marque de votre activit\u00e9. Cependant, les trois \u00e9l\u00e9ments qui la composent...","breadcrumb":{"@id":"https:\/\/blog.pitchweb-creation.fr\/index.php\/2025\/05\/20\/logo-identite-visuelle-et-charte-graphique-quelles-differences\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.pitchweb-creation.fr\/index.php\/2025\/05\/20\/logo-identite-visuelle-et-charte-graphique-quelles-differences\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/blog.pitchweb-creation.fr\/index.php\/2025\/05\/20\/logo-identite-visuelle-et-charte-graphique-quelles-differences\/#primaryimage","url":"https:\/\/blog.pitchweb-creation.fr\/wp-content\/uploads\/2026\/03\/002_identite-visuelle.png","contentUrl":"https:\/\/blog.pitchweb-creation.fr\/wp-content\/uploads\/2026\/03\/002_identite-visuelle.png","width":1470,"height":984,"caption":"Logo, identit\u00e9 visuelle et charte graphique"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.pitchweb-creation.fr\/index.php\/2025\/05\/20\/logo-identite-visuelle-et-charte-graphique-quelles-differences\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/blog.pitchweb-creation.fr\/"},{"@type":"ListItem","position":2,"name":"Logo, identit\u00e9 visuelle et charte graphique : quelles diff\u00e9rences\u00a0?"}]},{"@type":"WebSite","@id":"https:\/\/blog.pitchweb-creation.fr\/#website","url":"https:\/\/blog.pitchweb-creation.fr\/","name":"Le p'tit blog autour du web","description":"Actus, tendances et r\u00e8glementations","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.pitchweb-creation.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/blog.pitchweb-creation.fr\/#\/schema\/person\/8b93859a77a03cfd195b6c80e7cf10ac","name":"SR","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/35d1a1b91d1333b3ecfef01da21323f0183e1787d6eba0c871d2e00ce8ee5e34?s=96&d=initials&r=g&initials=co","url":"https:\/\/secure.gravatar.com\/avatar\/35d1a1b91d1333b3ecfef01da21323f0183e1787d6eba0c871d2e00ce8ee5e34?s=96&d=initials&r=g&initials=co","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/35d1a1b91d1333b3ecfef01da21323f0183e1787d6eba0c871d2e00ce8ee5e34?s=96&d=initials&r=g&initials=co","caption":"SR"},"description":"Cr\u00e9ative et curieuse de nature, j'ai plaisir \u00e0 partager mes d\u00e9couvertes et r\u00e9flexions sur les infos et actualit\u00e9s qui ont retenu mon attention. Elles tournent essentiellement autour du web : technologie, design, r\u00e9glementation, entrepreneuriat f\u00e9minin... Je pr\u00e9cise que, quels que soient les sujets trait\u00e9s, mes articles sont sans pr\u00e9tention (et toujours sourc\u00e9s). Jetez un \u0153il, commentez (avec des propos mesur\u00e9s, svp) et partagez, si le c\u0153ur vous en dit ! Bonne d\u00e9couverte... St\u00e9phanie","sameAs":["https:\/\/blog.pitchweb-creation.fr"],"url":"https:\/\/blog.pitchweb-creation.fr\/index.php\/author\/steffy\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.pitchweb-creation.fr\/index.php\/wp-json\/wp\/v2\/posts\/449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.pitchweb-creation.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.pitchweb-creation.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.pitchweb-creation.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.pitchweb-creation.fr\/index.php\/wp-json\/wp\/v2\/comments?post=449"}],"version-history":[{"count":1,"href":"https:\/\/blog.pitchweb-creation.fr\/index.php\/wp-json\/wp\/v2\/posts\/449\/revisions"}],"predecessor-version":[{"id":754,"href":"https:\/\/blog.pitchweb-creation.fr\/index.php\/wp-json\/wp\/v2\/posts\/449\/revisions\/754"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.pitchweb-creation.fr\/index.php\/wp-json\/wp\/v2\/media\/457"}],"wp:attachment":[{"href":"https:\/\/blog.pitchweb-creation.fr\/index.php\/wp-json\/wp\/v2\/media?parent=449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.pitchweb-creation.fr\/index.php\/wp-json\/wp\/v2\/categories?post=449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.pitchweb-creation.fr\/index.php\/wp-json\/wp\/v2\/tags?post=449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}