Exemple de charte graphique

Share

Après avoir donné une définition plutôt générale de ce qu’est une charte graphique, voici un exemple pratique, à savoir celle de Grafimages.

Introduction :

 1) L’entreprise :

Grafimages est un studio de création Web qui a vu le jour en 2002. L’entreprise doit sa longévité à sa capacité d’adaptation aux évolutions quasi-permanentes du Web et à la réactivité de son équipe.

2) Les services :

  • Création de sites Web de tous types (site vitrine, e-commerce, blog…)
  • Création graphique (logo, carte de visite, flyer, affiche, plaquette…)
  • Illustration (via Galfi)
  • Expertise WordPress/WooCommerce

Le logotype :

1) Le concept :

Le logo actuel se veut simple et impactant.
L’utilisation de couleurs vives et actuelles illustre la réactivité et la créativité. L’utilisation des lettres G et i permet un visuel  épuré et significatif.

Logo de Grafimages

Le visuel est complété par le nom de l’entreprise dans un rose plus sombre et par la mention « .com » en gris léger à la fois pour rappeler qu’il s’agit d’une entreprise de création Web et pour rappeler l’adresse du site.

2) Les typographies :

La typographie principale est Enso, utilisée pour le visuel.
Le nom de l’entreprise (Grafimages) utilise la police Bariol.
La typographie éditoriale et administrative est Open Sans.

Les couleurs :

1) Quadrichromie :

Rose (C : 2, M : 98, J : 42, N : 0).
Bleu (C : 69, M : 20, J : 0, N : 0).
Rosé foncé (C : 30, M : 100, J : 73, N : 32).
Gris clair (C : 27, M : 17, J : 17, N : 17).

La typographie est quant à elle appliquée en noir.

2) Pantone :

Les références Pantone sont :
Rose : 191 C
Bleu : 2925 C
Rose foncé : 1955 C
Gris clair : 428 C

On utilise le noir Pantone pour le texte.

3) Pour le Web :

Les références en code hexadécimal sont :
Rose : #ea1e63
Bleu : #03a9f5
Rose foncé : #87022f
Gris clair : #c1c5c7
Noir : #000000

4) Noir et blanc :

On se cantonnera au noir standard pour le visuel comme pour le texte du logo.

Gestion des fonds

1) En général

On préfèrera un fond blanc ou clair.
Sur fond noir ou foncé, le rose foncé est alors remplacé par le rose du visuel.

2) Fonds colorés

S’il n’est pas possible d’utiliser le logo sur fond blanc ou très clair, ces solutions sont conseillées :

logorose logobleu

 

 3) Zone de protection

Elle est de 5 mm pour les documents imprimés et de 20 pixels sur le Web.
Exemple Web :
Zone de protectionExemple Print :
Zone de protection print

Taille minimale

Dans un souci de lisibilité, il est logique de définir une taille minimale suivant les supports.

1) Web :

Le visuel est étudié pour rester lisible jusqu’à 16×16 pixels (favicon). Favicon

Le logo dans son ensemble s’affichera au minimum en 100×100 pixels :

Taille minimale Web

 

 

 

2) Print :

Le visuel seul peut s’afficher pour une taille de 10×10 millimètres ou le logo complet pour 20×20 millimètres :Dimensions print

Les interdits

Il n’est pas permis de :
- Déformer le logo :
déformation
- Supprimer un élément :
Suppression
- Utiliser un fond de couleur non-approprié :
couleur- Ajouter des éléments :
ajout- Modifier la police, sa graisse ou son emplacement :
modification de police- Modifier les couleurs :
couleurs

Compléments

En fonction des différents usages du logo (communication papier, signalétique, marquage véhicule, devanture…), il est possible de rajouter des spécifications pour chaque usage.
Dans notre cas, s’agissant d’une agence de création Web, nous limitons les usages au Web.

Téléchargement

Vous pouvez télécharger la version PDF de la charte graphique de Grafimages en cliquant sur : charte-graphique.

Share