{"id":17898,"date":"2020-03-20T10:30:43","date_gmt":"2020-03-20T09:30:43","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=17898"},"modified":"2025-08-19T17:15:33","modified_gmt":"2025-08-19T15:15:33","slug":"webdesign-charte-graphique-parfaite-site-web","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/","title":{"rendered":"Web design\u00a0: 4 \u00e9tapes pour une charte graphique parfaite\u00a0!"},"content":{"rendered":"

Avez-vous connu l\u2019internet du d\u00e9but des ann\u00e9es 2000\u00a0?<\/p>\n

Si oui, vous vous souvenez s\u00fbrement des premiers sites personnels et blogs qui pullulaient alors, avec leurs couleurs criardes, leur design surcharg\u00e9 et leurs animations douteuses qui nous donneraient aujourd\u2019hui envie de nous arracher les yeux et ont fait pleurer (de rire ou de d\u00e9sespoir) bien des designers \u00e0 l\u2019\u00e9poque.<\/p>\n

Tous ces sites avaient un point commun\u00a0:<\/strong> ils n\u2019avaient pas de charte graphique,<\/a> de guide qui leur permettait une certaine coh\u00e9rence dans la mise en \u0153uvre de leur design.<\/p>\n

Si les CMS comme WordPress et leur th\u00e8mes<\/a> aident aujourd\u2019hui \u00e0 plus de coh\u00e9rence dans les interfaces des sites internet, voici quelques conseils pour une charte graphique<\/a> chiad\u00e9e qui ne manquera pas de retenir les visiteurs de votre site.<\/p>\n

 <\/p>\n

De quoi se compose une charte graphique\u00a0?<\/h2>\n

Pour rappel, la charte graphique se compose du logo, de la typographie, des couleurs et des autres \u00e9l\u00e9ments graphiques de votre site.\u00a0Nous allons voir \u00e9l\u00e9ment par \u00e9l\u00e9ment ce que vous pouvez faire pour am\u00e9liorer votre charte graphique.<\/p>\n

\"charte
Source : Behance<\/a><\/figcaption><\/figure>\n

 <\/p>\n

1. Le logo<\/h2>\n

De nombreux articles sur notre blog s\u2019attardent sur la cr\u00e9ation de logo, mais l\u2019avez-vous int\u00e9gr\u00e9 \u00e0 votre charte graphique<\/a><\/strong>\u00a0?<\/p>\n

\"charte<\/p>\n

La section de cette derni\u00e8re d\u00e9di\u00e9e au logo doit contenir les dimensions sur les diff\u00e9rents supports (site internet, site mobile, papier \u00e0 ent\u00eate, signature de mail\u2026), ses couleurs en fonction d\u2019o\u00f9 il se trouve, ses proportions\u2026<\/p>\n

Tout ce qu\u2019il faut pour que votre identit\u00e9 visuelle<\/a> soit repr\u00e9sent\u00e9e au mieux quelles que soient les circonstances.<\/p>\n

\u00c0 lire aussi :\u00a0PrestaShop\u00a0: 5 \u00e9tapes importantes pour moderniser un th\u00e8me<\/a><\/p><\/blockquote>\n

 <\/p>\n

2. La typographie<\/h2>\n

Peut-\u00eatre plus discr\u00e8te que les autres \u00e9l\u00e9ments, le choix de la typographie a une importance primordiale dans votre charte.<\/p>\n

Il n\u2019y a qu\u2019\u00e0 regarder les r\u00e9actions sur les r\u00e9seaux sociaux lorsque de petits commerces utilisent du Comic sans pour leur communication pour se rendre compte qu\u2019elle a une place indiscutable dans votre design (Indice\u00a0: ces commerces sont la ris\u00e9e de ceux qui le remarquent).<\/p>\n

\"\"<\/p>\n

Utiliser une police sans serif<\/strong> n\u2019enverra pas le m\u00eame message qu\u2019\u00e9crire les pages de votre site web en Times New Roman. Choisissez vos polices en connaissance de cause et renseignez-vous \u00e9ventuellement \u00e0 grand renfort de recherches ou sollicitez l\u2019avis d\u2019un professionnel pour utiliser une police qui correspond \u00e0 votre identit\u00e9 et \u00e0 votre secteur d\u2019activit\u00e9.<\/p>\n

\u00c0 lire aussi : 3 conseils pour choisir la typographie de votre site web<\/a><\/p><\/blockquote>\n

 <\/p>\n

3. Les couleurs<\/h2>\n

Tout comme votre logo, les couleurs de votre site web doivent retranscrire l\u2019identit\u00e9 de votre marque. \u00cates-vous dynamique, technologique, authentique, accueillant, excentrique\u00a0?<\/p>\n

\"charte
Sources<\/a><\/figcaption><\/figure>\n

Choisissez 5 couleurs maximum qui vous d\u00e9finissent et int\u00e9grez-les harmonieusement \u00e0 votre site web. Il ne s\u2019agit pas de faire un festival de couleurs (\u00e0 moins que ce soit l\u00e0 votre objectif) mais d\u2019utiliser avec go\u00fbt les diff\u00e9rentes teintes de votre palette<\/a>.<\/p><\/blockquote>\n

\u00c0 lire aussi : 10 th\u00e8mes Prestashop pour votre site Bio & Green<\/a><\/p><\/blockquote>\n

 <\/p>\n

4. Les autres \u00e9l\u00e9ments graphiques<\/h2>\n

Les images<\/h4>\n

Les images de votre site web suivront-elles un style graphique particulier\u00a0? Plut\u00f4t professionnelles, technologiques, sous forme d\u2019illustrations ou de photos\u00a0?<\/p>\n

\"\"<\/p>\n

Pensez \u00e0 mettre des exemples dans votre charte, pour que ceux qui l\u2019utilisent puissent la reproduire en cons\u00e9quence.<\/p>\n

\u00c0 lire aussi :Web design : quand utiliser une illustration <\/a>? <\/p><\/blockquote>\n

 <\/p>\n

Les boutons<\/h4>\n

V\u00e9ritables machines \u00e0 convertir, les boutons ont une importance capitale dans le design de votre site web.<\/p>\n

\"Neumorphism
Cr\u00e9ation par Filip Legierski sur Dribbble<\/figcaption><\/figure>\n

Pensez \u00e0 pr\u00e9ciser leurs couleurs, et des exemples visuels de leur comportement au survol de la souris, au moment du clic et pendant que la page suivante ou l\u2019action en cours se charge.<\/p>\n

\u00c0 lire aussi :\u00a0Web design : 5 r\u00e8gles pour vos boutons call-to-action<\/a> <\/p><\/blockquote>\n

 <\/p>\n

Les ic\u00f4nes<\/h4>\n

Aidant \u00e0 la navigation et \u00e0 l\u2019illustration des concepts de votre produit, les ic\u00f4nes ne sont certainement pas \u00e0 n\u00e9gliger dans votre charte graphique.<\/p>\n

Pensez \u00e0 garder une certaine coh\u00e9rence entre ces derni\u00e8res, afin que l\u2019utilisateur trouve ses marques dans votre site.<\/p>\n

\u00c0 lire aussi : Comment int\u00e9grer les ic\u00f4nes sur vos supports de communication<\/a><\/p><\/blockquote>\n

 <\/p>\n

Quelques exemples<\/strong><\/h2>\n

\"charte<\/a><\/p>\n

Notez sur cet exemple de charte graphique la palette de couleurs, les logos alternatifs, les typographies ainsi que les motifs utilis\u00e9s pour cette photographe.<\/p>\n

 <\/p>\n

\"charte
Source : Pinterest<\/a><\/figcaption><\/figure>\n

 <\/p>\n

Beaucoup plus d\u00e9taill\u00e9e, la charte de ce mus\u00e9e d\u2019art contemporain argentin d\u00e9taille par exemple la composition des diff\u00e9rentes couleurs utilis\u00e9es pour les reproduire sur un logiciel de graphisme ou \u00e0 l\u2019impression.<\/p>\n

Une bonne m\u00e9thode pour \u00e9viter les diff\u00e9rences de couleurs dues aux \u00e9talonnements diff\u00e9rents des \u00e9crans. Elle regorge par ailleurs d\u2019exemples pour illustrer l\u2019utilisation de ses \u00e9l\u00e9ments graphiques \u00ab\u00a0in vivo\u00a0\u00bb.<\/p>\n

\"\"
Source<\/a><\/figcaption><\/figure>\n

 <\/p>\n

Enfin, pour les logos plus complexes, il peut \u00eatre utile de d\u00e9crire les proportions de ces derniers comme c\u2019est fait ici.<\/p>\n

C\u2019est un garde-fou qui pourrait vous sauver la mise si jamais vous deviez subir une perte importante de donn\u00e9es impliquant votre logo et que vous ne soyez plus en lien avec la personne qui l\u2019a cr\u00e9\u00e9e en premier lieu.<\/p>\n

 <\/p>\n

Besoin d\u2019un graphiste pour cr\u00e9er votre charte\u00a0? Rendez-vous sur graphiste.com<\/a>\u00a0!<\/p>\n","protected":false},"excerpt":{"rendered":"

Avez-vous connu l\u2019internet du d\u00e9but des ann\u00e9es 2000\u00a0? Si oui, vous vous souvenez s\u00fbrement des premiers sites personnels et blogs qui pullulaient alors, avec leurs couleurs criardes, leur design surcharg\u00e9 et leurs animations douteuses qui nous donneraient aujourd\u2019hui envie de nous arracher les yeux et ont fait pleurer (de rire ou de d\u00e9sespoir) bien des […]<\/p>\n","protected":false},"author":1,"featured_media":17912,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[98,27],"tags":[42],"class_list":["post-17898","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-charte-graphique","category-webdesign","tag-creer-marque"],"acf":[],"yoast_head":"\nWeb design\u00a0: 4 \u00e9tapes pour une charte graphique parfaite\u00a0! - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Avez-vous connu l\u2019internet du d\u00e9but des ann\u00e9es 2000\u00a0? Si oui, vous vous souvenez s\u00fbrement des premiers sites personnels et blogs qui pullulaient alors,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web design\u00a0: 4 \u00e9tapes pour une charte graphique parfaite\u00a0! - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Avez-vous connu l\u2019internet du d\u00e9but des ann\u00e9es 2000\u00a0? Si oui, vous vous souvenez s\u00fbrement des premiers sites personnels et blogs qui pullulaient alors,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-20T09:30:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-19T15:15:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-webdesign-charte-graphique-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Laura Michaud\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Laura Michaud\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/\"},\"author\":{\"name\":\"Laura Michaud\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\"},\"headline\":\"Web design\u00a0: 4 \u00e9tapes pour une charte graphique parfaite\u00a0!\",\"datePublished\":\"2020-03-20T09:30:43+00:00\",\"dateModified\":\"2025-08-19T15:15:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/\"},\"wordCount\":931,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-webdesign-charte-graphique-1.jpg\",\"keywords\":[\"Cr\u00e9er votre marque\"],\"articleSection\":[\"Charte graphique\",\"Webdesign\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/\",\"url\":\"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/\",\"name\":\"Web design\u00a0: 4 \u00e9tapes pour une charte graphique parfaite\u00a0! - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-webdesign-charte-graphique-1.jpg\",\"datePublished\":\"2020-03-20T09:30:43+00:00\",\"dateModified\":\"2025-08-19T15:15:33+00:00\",\"description\":\"Avez-vous connu l\u2019internet du d\u00e9but des ann\u00e9es 2000\u00a0? Si oui, vous vous souvenez s\u00fbrement des premiers sites personnels et blogs qui pullulaient alors,\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-webdesign-charte-graphique-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-webdesign-charte-graphique-1.jpg\",\"width\":850,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Branding\",\"item\":\"https:\/\/graphiste.com\/blog\/branding\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Charte graphique\",\"item\":\"https:\/\/graphiste.com\/blog\/branding\/charte-graphique\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Web design\u00a0: 4 \u00e9tapes pour une charte graphique parfaite\u00a0!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\",\"name\":\"Laura Michaud\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"caption\":\"Laura Michaud\"},\"description\":\"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/michaudlaura\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/laura\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web design\u00a0: 4 \u00e9tapes pour une charte graphique parfaite\u00a0! - Graphiste Blog","description":"Avez-vous connu l\u2019internet du d\u00e9but des ann\u00e9es 2000\u00a0? Si oui, vous vous souvenez s\u00fbrement des premiers sites personnels et blogs qui pullulaient alors,","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:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/","og_locale":"fr_FR","og_type":"article","og_title":"Web design\u00a0: 4 \u00e9tapes pour une charte graphique parfaite\u00a0! - Graphiste Blog","og_description":"Avez-vous connu l\u2019internet du d\u00e9but des ann\u00e9es 2000\u00a0? Si oui, vous vous souvenez s\u00fbrement des premiers sites personnels et blogs qui pullulaient alors,","og_url":"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2020-03-20T09:30:43+00:00","article_modified_time":"2025-08-19T15:15:33+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-webdesign-charte-graphique-1.jpg","type":"image\/jpeg"}],"author":"Laura Michaud","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Laura Michaud","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/"},"author":{"name":"Laura Michaud","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2"},"headline":"Web design\u00a0: 4 \u00e9tapes pour une charte graphique parfaite\u00a0!","datePublished":"2020-03-20T09:30:43+00:00","dateModified":"2025-08-19T15:15:33+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/"},"wordCount":931,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-webdesign-charte-graphique-1.jpg","keywords":["Cr\u00e9er votre marque"],"articleSection":["Charte graphique","Webdesign"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/","url":"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/","name":"Web design\u00a0: 4 \u00e9tapes pour une charte graphique parfaite\u00a0! - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-webdesign-charte-graphique-1.jpg","datePublished":"2020-03-20T09:30:43+00:00","dateModified":"2025-08-19T15:15:33+00:00","description":"Avez-vous connu l\u2019internet du d\u00e9but des ann\u00e9es 2000\u00a0? Si oui, vous vous souvenez s\u00fbrement des premiers sites personnels et blogs qui pullulaient alors,","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-webdesign-charte-graphique-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-webdesign-charte-graphique-1.jpg","width":850,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Branding","item":"https:\/\/graphiste.com\/blog\/branding\/"},{"@type":"ListItem","position":3,"name":"Charte graphique","item":"https:\/\/graphiste.com\/blog\/branding\/charte-graphique\/"},{"@type":"ListItem","position":4,"name":"Web design\u00a0: 4 \u00e9tapes pour une charte graphique parfaite\u00a0!"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2","name":"Laura Michaud","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","caption":"Laura Michaud"},"description":"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.","sameAs":["https:\/\/www.linkedin.com\/in\/michaudlaura\/"],"url":"https:\/\/graphiste.com\/blog\/author\/laura\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/17898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=17898"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/17898\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/17912"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=17898"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=17898"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=17898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}