Eclairez vos idees. Charte graphique d'alight

Transcription

1 2015 Eclairez vos idees Charte graphique d'alight

2 Charte graphique d'alight Sommaire Le logotype et ses variantes...4 Le logo...4 Les zones de protection...4 La taille minimale du logotype...5 Le logo en positif, négatif et nuances de gris...5 Le logo sur fond de couleur ou sur une image...6 Les interdits...7 L univers chromatique d Alight...8 Les couleurs primaires...8 Les couleurs secondaires...9 La typographie...10 La typographie du logotype...10 La typographie de bureau...11 La mise en situation du logotype...14 Site internet : Ordinateur, Tablette, Smartphone...14 Cartes de visite...14 Sac de course...15 Papeterie...15

3 4 5 Le logotype et ses variantes Le logo La taille minimale du logotype Afi n de garder sa lisibilité, le logotype doit au minimum faire 0,9cm de hauteur et 1,8cm de largeur. Attention: Pour toute réduction de la taille du logo, il est important de garder sa proportionalité pour ne pas le déformer. Le logo en positif, négatif et nuances de gris Pour les impressions/supports en couleur, le logo d Alight est reproduit seulement en positif (bleu et gris). Le logotype ci-dessus est le logo officiel d Alight. Il ne peut être modifi é (sauf exceptions détaillées dans la suite de cette charte graphique). Logo négatif : blanc sur fond noir. Logo positif : noir sur fond blanc. Les zones de protection Utilisation de la lettre H pour la zone de protection. Exemple de la zone de protection représentée par les cadres en pointillés. Logo positif : nuances de gris sur fond blanc. Les deux couleurs de gris sont disponibles ci-dessous. C: 53,53 M: 45,04 J: 44,86 N: 9,88 R: 123 V: 123 B: 123 Pantone: Cool Gray 9 C C: 67,72 M: 60,87 J: 59,83 N: 47,63 R: 63 V: 64 B: 63 Pantone: 446 C Le logo d Alight peut être disposé librement en respectant la zone de protection. L espace minimum à respecter est représenté par la lettre H du logo. Pour les impressions/supports en noir et blanc, le logo peut être imprimé en blanc sur fond noir, en noir sur fond blanc, ou en nuances de gris sur fond blanc. Pour tout autre type d impression, le logo doit garder ses couleurs d origine.

4 6 7 Le logo sur fond de couleur ou sur une image Les interdits 1. Si il y a necessité de réduire le logo, il ne faut pas rétrécir uniquement sa hauteur ou uniquement sa largeur, au quel cas le logo se trouverait déformé (ceci est représenté par les deux premiers logos ci-dessous). 2. Le logo ne doit pas être pivoté. Le fait d avoir une ligne sous le logo permet d avoir un impact visuel plus fort. Pivoter le logo c est pivoter cette ligne et donc supprimer cet impact (voir exemple sur le 3 ème logo). Pour les impressions/supports avec un fond de couleur ou une image en arrière plan, le logo doit obligatoirement être entouré d un encart blanc (sans quoi le logo perd de son design et sa lisibilité). Il faut également qu il garde ses couleurs d origine (bleu et gris). 3. Comme précisé à la page 6, sur fond de couleur, le logotype doit obligatoirement être placé sur un encart blanc, sans quoi, selon le fond choisit, il sera illisible ou transparent (voir exemple sur les deux derniers logos).

5 8 9 L univers chromatique d Alight Les couleurs primaires Le logotype d Alight contient deux couleurs (gris et bleu). Le détail de ces couleurs est diponible ci-dessous. Les couleurs secondaires Il existe deux couleurs secondaires dans l univers chromatique d Alight. Ces couleurs peuvent être associées aux deux autres couleurs du logo ci-dessus, mais en aucun cas remplacer les couleurs primaires. C: 67,72 M: 60,87 J: 59,83 N: 47,63 R: 63 V: 64 B: 63 Pantone: 446 C Le gris foncé est une couleur neutre ce qui lui permet de s accorder avec nimporte quelle autre couleur. Ici, elle est accordée avec un bleu ciel. Associé à ce bleu, le gris foncé donne au logo une image design et moderne. La première couleur secondaire est une couleur claire : le beige. Il peut apporter une douceur au logotype (utilisé en fond, par exemple). C: 17 M: 25 J: 40 N: 10 R: 193 V: 171 B: 143 Pantone: 480 C C: 60,3 M: 0 J: 9,76 N: 0 R: 77 V: 198 B: 225 Pantone: 637 C Le bleu ciel apporte du dynamisme au logo, c est une couleur vive qui ressort d avantage lorsqu elle est associée à une couleur sombre, comme le gris. La couleur bleu renvoie une image de rigueur, de technologie et donc par défaut de modernisme pour l entreprise Alight. La deuxième couleur secondaire est une couleur foncée : un bleu violet. Il peut aider à mettre d avantage en valeur le logo et s accorde parfaitement avec les deux couleurs primaires. C: 100 M: 98,88 J: 23,25 N: 14,94 R: 43 V: 42 B: 109 Pantone: 2756 C

6 10 11 La typographie La typographie du logotype La typographie utilisée pour le logotype est : Feena Casual La typographie de bureau La typographie utilisée pour les courriels, courriers, etc. est la police : Arial Cette typographie est sans serif et très moderne. C est ce qui fait en partie le design du logotype. Cependant, elle est innadaptée pour une police de bureau. Comme on peut le voir ci-dessous, les lettres sont très proches les unes des autres ce qui rendrait le corps du texte illisible. Cette police peut être utilisée uniquement en Regular. ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz >?!.,:@&+ Exemple en 21pt - Regular Cette typographie est sans serif et reste donc en accord avec le modernisme de l entreprise. Elle reste simple et agréable à lire pour les clients. Cette police peut être utilisée en Regular ou en Bold selon les besoins de l entreprise. A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h y j k l m n o p q r s t u v w x y z >?!., & + Exemple en 21pt - Regular A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h y j k l m n o p q r s t u v w x y z >?!., & + Exemple en 21pt - Bold Ci-dessous, les différentes utilisations de la police pour mettre en forme un document : Cette typographie est exceptionnellement utilisée dans la police de bureau pour les numéros de page. Cela apporte une touche design et moderne aux documents formels. Elle peut éventuellement être utilisée pour des gros titres (page de couverture par exemple). Texte courant : Arial Regular 12pt Noir (avec espacement de 2mm avant et après les différents paragraphes) Titre 1 : Arial Bold 16pt Gris clair (du logo en nuances de gris) Titre 2 : Arial Regular 14pt Noir (avec retrait de 7mm à gauche) Annotations : Arial Regular 9pt Noir Chiffres pagination : Feena Casual Regular 18pt Noir C: 53,53 M: 45,04 J: 44,86 N: 9,88 R: 123 V: 123 B: 123 Pantone: Cool Gray 9 C

7 12 13 Exemple de l utilisation des différentes polices : Pagination Logotype Titre du document 12 Logotype Titre du document 12 Titre 1 Pagination Titre 1 Titre 2 Corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte. Titre 2 Annotations 1 Annotations 2 Annotations 3 Annotations 4 Corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte. Corps du texte corps du texte corps du texte corps du texte. Corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte. Titre 2 Titre 2 Annotations Annotations Corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte. Annotations 1 Annotations 2 Annotations 3 Annotations 4 Corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte. Corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte corps du texte.

8 14 15 La mise en situation du logotype Site internet : ordinateur, tablette, smartphone Sac de course Cartes de visite Papeterie Courrier

9 Tel. : alight@contact.com Site :