Charte graphique. Guide d application d identité visuelle

Transcription

1 Charte graphique Guide d application d identité visuelle

2 Sommaire 1 - Introduction - Le concept p Logotype p. 04 Quadrichromie p. 04 Pantone p. 05 Noir et blanc p. 06 Monochrome p. 07 Au trait p. 08 Négatif p. 09 Logo sur fond noir p. 10 Gestion des fonds p. 11 Les interdits p. 14 Proportions p. 16 Typographie p Les supports p. 19 Carte de visite p. 19 Lettre p. 20 Enveloppe p. 21 Goodies p. 22 Réseaux sociaux p. 26 Site web p Contact p. 29 2

3 1.Introduction-Le concept AtPix un regard sur le web mélange notre vision graphique à la technologie web. Vecteur de nouveautés web nous restons toujours renseignés sur les nouvelles tendances et les évolutions. Nous avons toujours l œil pointé sur le web et sur ses perspectives d avenir. Notre identité se veut représentative de dynamisme, de modernité et de créativité, importante à la bonne réussite d un projet. La baseline «un regarde sur le web» signifie que nous offrons des services dans le milieu du web avec un œil d expert. Pix de pixel est notre essence créative et digitale, At est la prononciation anglaise de français et réunis web et art comme il le ferait dans une adresse mail avec le nom et le.net, com, fr etc. 3

4 2.Logotype-Quadrichromie Version quadrichromie Références des couleurs : Le logo et sa baseline seront principalement utilisés en quadrichromie sur fond blanc. Ce dernier pourra bien sûr être décliné (voir les pages suivantes). Atpix sera toujours suivi d une baseline. Celle de base est : «un regard sur le web», mais peut être modifiée dans des cas spécifiques comme par exemple l annonce d un événement spécial. C : 51 M : 0 J : 97 N : 0 La baseline est toujours écrite en gris sauf dans des cas spécifiques. C : 75 M : 69 J : 69 N : 80 C : 36 M : 28 J : 26 N : 0 4 Fichiers fournis sur le réseau et CD

5 2.Logotype-Pantone Version pantone Références des couleurs : Les tons Pantone seront utilisés pour l impression dans les cas suivant : - Sérigraphie sur objets et textiles - Plaquette spécifique demandant une qualité supérieure Les couleurs pantone présentent dans la référence des couleurs ne peuvent être modifiées. Seules ces couleurs sont accéptées. 375 EC Process Back 3 Cool Gray 5 Fichiers fournis sur le réseau et CD 5

6 2.Logotype-Noir et Blanc Version noir et blanc/niveaux de gris Références des couleurs : Pour des raisons économiques ou parfois techniques, l impression couleur sera à proscrire ou impossible, la version noir et blanc sera à utiliser. Par exemple pour des : - Impressions en noir - Photocopies - Documents internes 80% Si l impression en noir devait être utilisée, on privilégiera l utilisation de la version en niveau de gris. 100% 40 % 6 Fichiers fournis sur le réseau et CD

7 2.Logotype-Monochrome Version Monochrome Références des couleurs : L impression une couleur (monochrome) sera utilisée pour les même raisons (économiques ou techniques) que le logotype en noir et blanc et pour les mêmes supports : - Impressions en noir, - Photocopies - Documents internes 80% La seule couleur autorisé pour le monochrome est le vert d origine du logo (C : 51, M : 0, J : 97, N : 0) décliné en pourcentage (effet dégradé). 100% 50% Fichiers fournis sur le réseau et CD 7

8 2.Logotype-Au trait Version au trait Références des couleurs : Les versions au trait sont utiles pour certaines contraintes d impression. La couleur à privilégier sera le pantone Process Back noir et ensuite en Pantone vert 375 EC. L utilisation d une autre couleur n est pas tolérée sauf si cas extrème: - Manque de visibilité même avec toutes les possibilités que donne la charte graphique - Dans des reproductions de l ensemble de documents en une seule couleur. Process Back EC 8 Fichiers fournis sur le réseau et CD

9 2.Logotype-Négatif Version négative Exemples de versions négatives : Si le logotype en quadrichromie a une visibilité amoindrie sur un fond foncé, on utilisera la version en réserve blanche. Celle en nuance de gris ne sera pas visible sur le noir donc elle est proscrite dans ce cas. Cependant on peut utiliser une variante blanche et grise présente ci-après. Références des couleurs : C : 47 M : 37 J : 37 N : 17 C : 33 M :25 J : 26 N : 5 Fichiers fournis sur le réseau et CD 9

10 2.Logotype-Logo sur fond noir Version sur fond noir autre que négative Références des couleurs : Si l utilisation du logotype en quadrichromie sur fond noir ou sur fond foncé ne gène pas à sa lisibilité alors elle est autorisée, cependant sur un fond noir comme ici, l utilisation du logotype ne sera pas possible, on lui préférera alors cette version. C : 51 M : 0 J : 97 N : 0 N : 100% Baseline C : 36 M : 28 J : 26 N : 0 Fond noir 10 Fichiers fournis sur le réseau et CD

11 2.Logotype-Gestion des fonds 1/3 Visibilités sur fonds Le logo original d Atpix doit être utilisé en priorité, si celui-ci est peu visible par soucis de couleur de fond ou parce que le fond est perturbé, on pourra utiliser une version au trait noire ou blanche selon la visibilité de celle-ci en faisant attention à ce qu il n y ait pas de ton sur ton. Exemples de gestion des fonds : Si un doute subsiste, demander à l agence 11

12 2.Logotype-Gestion des fonds 2/3 12 Si un doute subsiste, demander à l agence

13 2.Logotype-Gestion des fonds 3/3 Visibilités sur fonds L utilisation d un cadre blanc autour du logo est interdite. Seul un fond blanc est autorisé dans le cas extrême où aucune des versions précédentes n est assez visible. Le fond blanc doit prendre l espace minimum autorisé autour du logo. Si un doute subsiste, demander à l agence 13

14 2.Logotype- Les interdits 1/2 Les interdits Exemples d interdits : Le logo doit rester dans sa forme originale accompagné de sa baseline. En aucun cas il ne devra être déformé que ce soit en hauteur ou en largeur. Sa baseline devra toujours lui être proportionelle et l accompagner. Il est formellement interdit de la supprimer. La baseline devra toujours être placée en dessous du logo, aucun autre positionnement n est autorisé. De même qu aucune couleur que celles autorisées dans les pages précédentes ne seront utilisées que ce soit pour le logo ou la baseline. 14 Si un doute subsiste, demander à l agence

15 2.Logotype-Les interdits 2/2 Si un doute subsiste, demander à l agence 15

16 2.Logotype-Proportions Règle des espaces du logo Quand le logotype doit être réduit, il ne devra pas faire moins de 15 mm de hauteur. Sa largeur devra lui être proportionelle pour ne pas le déformer. Logotype H > à 15mm de manière à ce qu il puisse être visible sur des goodies de petite taille comme une clé USB. Sauf cas exeptionnel, l espace autour du logo devra toujours être proportionnel à son «a». La mesure se prend à l extrémité du «a» et du «x» ainsi qu à celle du «p» (voir le rectangle rouge). u u u u= u 16 Si un doute subsiste, demander à l agence

17 2.Logotype-Typographie 1/2 Diavlo Light ABCDEFGHIJKLMNOPQRSTU abcdefghijklmnopqrstuvwxyz La baseline Elle doit toujours être de la même taille que AtPix et écrite avec la font Diavlo en light. Si la baseline devait être modifiée pour apporter un second message, elle devra garder les mêmes propriétés et rester en une seule phrase. Le second message pourra éventuellement être rédigé avec une graisse plus forte. Diavlo Bold ABCDEFGHIJKLMNOPQRSTU abcdefghijklmnopqrstuvwxyz Fonts fournis sur le réseau et CD 17

18 2.Logotype-Typographie 2/2 Typographie utilisée par l entreprise Print : Web : La typographie utilisée sur le web est la Myriad Web Pro en regular, bold et italic. Tous les documents papiers représentant l entreprise contiendront la font Myriad Pro. Elle peut être utilisée en regular, italic, bold et bold italique. Myriad Pro regular Myriad Pro italic Myriad Web Pro regular Myriad Web Pro bold Myriad Web Pro italic Myriad Pro bold Myriad Pro bold italic ABCDEFGHIJKLMNOPQRSTU abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTU abcdefghijklmnopqrstuvwxyz Fonts fournis sur le réseau et CD

19 3.Les supports-carte de visite La carte de visite Exemple de carte de visite : La carte de visite devra respecter les indications suivantes : - Format : 85*55mm - Impression : quadrichromie recto/verso u - Recto : Noir mate vernis sélectif sur le logo et sa baseline - Support : couché blanc 300 gr - Typographie corps : - nom et prénom : Circo 24 pt, - poste : Diavlo light 16 pt, - autres données : Myriad Pro Regular 12pt L apparence de la carte et le positionnement des données ne pourront être changées, sauf si le nom d une personne est trop long alors le prénom et le nom seront autorisés sur deux lignes ou pourront être arrangés pour que le contenu de la carte garde une certaine harmonie. Il en va de même pour les autres informations de la carte. Web designer Mobile : Tel : Mail : julia@atpix.fr - Twitter Templates fournis sur le réseau et CD 19

20 3.Les supports-lettre L en-tête de lettre Exemple d en-tête : L en-tête de lettre devra respecter les indications suivantes : - Format : 210*297 mm - Impression : quadrichromie recto - Support : couché blanc 110 gr ou offset 90 gr blanc Date, adresse - Typographie adresse : Myriad Pro regular corps 10pt en fer à gauche - Typographie corps de la lettre : Myriad Pro regular 11pt Texte de la lettre Les carrés réprésentants le point du "i" de Atpix sont fournis sur CD et réseau de l entreprise. Ces derniers seront toujours alignés verticalement à Atpix et ne devront être placés à 9mm du bas de la page. Atpix 10 avenue Foch Paris Tel: Templates fournis sur le réseau et CD

21 3.Les supports-enveloppe Enveloppe Exemples d enveloppe et ses interdits : La carte de visite devra respecter les indications suivantes : Atpix - 10 avenue Foch Paris - Format : 114*229 mm et fenêtre de 100*45mm - Impression : Quadrichromie recto - Noir 100% pour l adresse au dos - Le logo doit être positionné à 13mm du bord droit et 10mm du haut de l enveloppe. Les autres cas sont exclus. La taille du logo devra être respectée (voir valeurs ci-dessous). 26mm 45mm Templates fournis sur le réseau et CD 21

22 3.Les supports-goodies 1/4 Les T-shirts Exemples des T-shirts : Les t-shirts sont réservés aux employés d Atpix lors de conventions ou autres pour nous représenter. - Format : Le logo doit être en petit du côté gauche du t-shirt, voir les exemples donnés. Seules les versions aux traits en vert, noir et blanc sont autorisées pour les T-shirt. Ces derniers peuvent se décliner exclusivement en noir et le vert de l entreprise. Éviter le ton sur ton. Référence des couleurs : C : 51 M : 0 J : 97 N : 0 N : 100% 22 Fichiers fournis sur le réseau et CD

23 3.Les supports-goodies 2/4 Clé USB Exemple de clé USB : La clé USB proposée en exemple est une idée que l on peut suivre. Le logo ne devant pas être plus petit que 15 mm en hauteur, la clé devra être choisie en fonction. De préférence on essaiera d avoir le logo dans sa couleur originel. Le logo doit impérativement être visible. - Impression : Quadrichromie recto pour le logo. Certaine clé comme celle de l exemple peuvent avoir un corps de couleur que l on peut choisir, dans ce cas on priviligiera un noir 100% de base ou la sérigraphie avec le pantone 375 EC. Fichiers fournis sur le réseau et CD 23

24 3.Les supports-goodies 3/4 Les stylos Exemple de stylo : Pour les stylos on utilsera les logos au traits. La lisibilité du logo devra être privilégiée, la couleur des stylos est laissée libre. Le logo ne doit pas faire moins de 15mm de hauteur. Seulement ici, la baseline est autorisée à être détachée du logo pour être agrandi et placée de manière non conventionelle sur le stylo. 24 Fichiers fournis sur le réseau et CD

25 3.Les supports-goodies 4/4 Les tasses Exemple de Tasse : Les tasses sont réservées aux membres de l entreprise. Un fichier contenant la forme de découpe d une tasse standard et son template est donné, il suffira de changer le prénom de la personne. Cette tasse est standard, ses mesures sont fournis sur le CD et réseau. Si jamais cette tasse ne se faisait plus et que celle de remplacement choisie n est plus de la même taille alors il faudra adapter le modèle existant fournis en gardant les proportions. Fichiers fournis sur le réseau et CD 25

26 3.Les supports-réseaux sociaux 1/2 Interface de Facebook La photo de profil de la page Facebook devra toujours être le logo original sur fond blanc. La photo de couverture représente les locaux de notre agence, celle-ci pourra être changée selon les événements. 26

27 3.Les supports-réseaux sociaux 2/2 Interface de Twitter La page Twitter sera en accord avec celle de Facebook. La photo de profil est le logo Atpix original sur fond blanc. Seul l image de fond pourra être changée selon les événements. Les liens figurants sur Twitter seront de la même couleur verte que le logo pour avoir une page plus personnalisée. 27

28 3.Les supports-site Internet Site Web Atpix Notre site est à l image de notre agence, professionnel, moderne, convivial et dans l air du temps. Celui-ci peut s adapter aux tablettes et smartphones. Grâce à notre site nous pouvons présenter notre équipe, nos services et démontrer nos compétences. Les couleurs utilisées principalement seront le noir et le gris de la baseline. La couleur verte est utilisée par petite touche pour attirer le regard et mettre en évidence certains éléments. Les polices principales sont la police Diavlo et la police Myriad Web Pro regular pour le corps de texte. Une rubrique «Blog» est intégrée au site, elle permet de diffuser des articles sur les actualités web ou bien de présenter la vie/les événements chez Atpix. 28

29 4.Contact Atpix 10 avenue Foch Paris Tél. : Pour toute question concernant la charte graphique : contact@atpix.fr 29