Charte graphique d’un site web

Charte graphique d’un site web

Le logo

Le logotype ne peut en aucun cas être modifié.

Il est utilisé, tel quel,
une version avec reflet peut exister pour la version web.
Le logotype est utilisé dans la majorité des cas dans sa forme complète, exceptionnellement, on utilise sa version avec reflet (ombre), ou abrégé dans le cas d'une intégration particulière pour harmoniser le visuel.

Il y a une zone de protection, un vide égal contournant les limites de la forme générée par le logotype.
Les éléments avoisinants n'entrent pas dans cette zone.

Quand il est utilisé sur un fond coloré ou sur une photo, on le traite dans une cartouche blanche ou en variante blanche dans certains cas.

Le logotype doit être reproduit sans aucune altération.
En aucun cas:

  • Son dessin, sa typographie et ses couleurs ne peuvent être modifiés.
  • Toute déformation est interdite.
  • Il est interdit de modifier le rapport entre les différents éléments.

La charte graphique d’un site web

La charte graphique d’un site web doit être la projection ou la continuation de la charte graphique primaire de l’entreprise.
Les principaux éléments de la charte graphique d’un site web sont:

  • le logo
  • la typographie
  • les couleurs
  • les icônes
  • les boutons et la barre de navigation

Seuls les boutons et barres de navigation sont spécifiques à la charte du site web, les autres éléments sont partie prenante de la charte graphique primaire ou général de l'entreprise.

Il est important de pouvoir renforcer l'identité visuelle du site par l'intégration à la charte de tous éléments communs qui pourraient faire partie de diverses pages.
Tel que la disposition des éléments, de façon à créer une harmonie visuelle, constante et homogène.

La typographie

Il est très important de ne pas utiliser plus de 2 sortes de polices de caractères, l’une pour les titres et l'autre pour le texte. 

Le format de police pour les titres et sous titres doit varier en grosseur selon l'importance, h1, h2...

Les couleurs

Encore une fois, il est recommandé d'utiliser un maximum de 2 couleurs dans la typographie pour le visuel de votre site web.

Les icônes

Utiliser des icônes provenant d’un jeu complet afin d’avoir une cohérence graphique entre toutes les icônes

Les boutons et la barre de navigation

Dans la mesure du possible, il reste préférable de limiter la forme des boutons texte ou texte et icône, de par la hauteur et la longueur du bouton pour garder une symétrie visuelle.
La ou les barres de navigation ont intérêt à se marier visuellement aux couleurs et typographie choisie par la charte graphique.