charte graphique VERSION 1.0 DU 06/01/2014 RÉALISÉE PAR ADSTRATEGY

Transcription

1 charte graphique VERSION 1.0 DU 06/01/2014 RÉALISÉE PAR ADSTRATEGY

2 2 Pourquoi une charte graphique? Le document présent est un outil qui a pour vocation de garantir la cohérence entre l ensemble des supports de communication de Starterre, qu ils soient imprimés ou numériques. Cette charte n est pas pour autant un guide rigide qui imposerait une application stricte de règles... Bien au contraire, elle préconise des principes graphiques et de mise en page normés mais intuitifs. Vous trouverez sur des modèles de documents prêts à l emploi et tout le matériel graphiques nécessaires à leur réalisation. Vous n avez pas encore d accès à starterre-design.fr? Faites-en dès maintenant la demande auprès du service marketing Starterre.

3 3 01. Le logotype

4 4 Logotype Starterre et variantes Le logotype bénéficie désormais d une version modernisée et plus aérée, utilisable en couleurs, sur fond blanc ou noir ainsi qu en monochrome. ancienne version version couleurs version sur fond noir version monochrome

5 5 Règle d utilisation Prévoir une zone de sûreté lors de l intégration du logotype Starterre. Il s agit d une zone de vide dans laquelle il ne peut y avoir d autres éléments et qui permet au logotype Starterre de rester lisible et aéré. A noter que cette règle s applique également aux autres déclinaisons et services Starterre. Exemple d application : lors d une utilisation sur un fond, les proportions du bloc noir seraient au minimum celles-ci. 2xA A 2xA

6 6 Logotype Starterre : codes couleurs et typographique Typographie utilisée pour le logotype et la baseline : Gravur Condensed Bold Code chromatique : Pantone Noir Pantone 355 U CMJN : 0 / 0 / 0 / 100 RVB : 0 / 0 / 0 WEB : # CMJN : 100 / 0 / 100 / 10 RVB : 0 / 134 / 52 WEB : # Pantone 7404 U CMJN : 0 / 10 / 100 / 0 RVB : 255 / 221 / 0 WEB : #ffdd00

7 7 Logotype Starterre : couleur d accompagnement COULEUR D ACCOMPAGNEMENT Pantone 375 U CMJN : 60 / 0 / 100 / 0 RVB : 91 / 188 / 43 WEB : #5bbc2b

8 8 Logotype Starterre : les déclinaisons par univers et services

9 9 Logotype Starterre : les déclinaisons par univers et services Pour différencier les services ou univers produits, les logos peuvent être accompagnés d une couleur supplémentaire. COULEUR D ACCOMPAGNEMENT Pantone 382 U CMJN : 35 / 0 / 100 / 0 RVB : 166 / 212 / 12 WEB : #a6d40c

11 11 Logotype Starterre : les déclinaisons par univers et services Pour différencier les services ou univers produits, les logos peuvent être accompagnés d une couleur supplémentaire. COULEUR D ACCOMPAGNEMENT PANTONE 137 U CMJN : 0 / 50 / 100 / 0 RVB : 255 / 164 / 0 WEB : #ffa400

13 13 Logotype Starterre : les déclinaisons par univers et services Pour différencier les services ou univers produits, les logos peuvent être accompagnés d une couleur supplémentaire. COULEUR D ACCOMPAGNEMENT PANTONE 7518 U CMJN : 44 / 46 / 40 / 27 RVB : 123 / 108 / 107 WEB : #7b6c6b

15 15 Logotype Starterre : les déclinaisons par univers et services Pour différencier les services ou univers produits, les logos peuvent être accompagnés d une couleur supplémentaire. COULEUR D ACCOMPAGNEMENT PANTONE 185 U CMJN : 0 / 100 / 80 / 0 RVB : 226 / 0 / 49 WEB : #e20031

16 16 Logotype Chambéry Motors :

17 17 Logotype Chambéry Motors : COULEUR D ACCOMPAGNEMENT PANTONE 185 U CMJN : 0 / 100 / 80 / 0 RVB : 226 / 0 / 49 WEB : #e20031

18 18 Les usages interdits Il y existe un certain nombre de règles à respecter afin de ne pas dénaturer le logotype Starterre ou ses variantes. NE PAS MODIFIER LES PROPORTIONS ENTRE LE PICTO ET LA TYPOGRAPHIE NE PAS MODIFIER LES COULEURS DU LOGO SEUL LE PICTO EST COLORISÉ NE PAS UTILISER LE LOGO COULEUR SUR UN FOND AUTRE QUE NOIR OU BLANC TOUJOURS UTILISER LA VERSION SPÉCIFIQUE SUR FOND NOIR

19 19 Cas particuliers Si les logotypes doivent être utilisés sur des fonds autre que noir ou blanc, il est impératif de privilègier leur version monochrome de manière à ne pas dénaturer la charte graphique. Exemples : marquage de véhicules, textiles, goodies (stylo, clé USB, etc)... Pour des raisons de lisibilité, suivant si le fond est clair ou foncé, utilisez le logo en noir ou en blanc.

20 Palette de logos pour le marquage des véhicules 20

21 Les principes graphiques

22 22 Les différents formats des supports de communication formats spécifiques : Documents de papeterie et bureautique Durée de vie LONGUE format A4+ Chemise, porte-document. Eléments de signalétique Durée de vie LONGUE format A4 étroitisé 19x29,7 cm (au lieu de 21x29,7 cm) Publications : journal, magazine... Supports web, numériques et mobiles Durée de vie MOYENNE format A4 étroitisé 19x29,7 cm (au lieu de 21x29,7 cm) Documents commerciaux : plaquette, brochure... Goodies : textiles, porte-clés, etc... Durée de vie COURTE format A5 étroitisé 12x21 cm (au lieu de 15x21 cm) Documents commerciaux : dépliants 2 ou 3 volets, flyers...

23 23 Principes de mise en page La charte graphique utilise un modèle de mise en page accessible et intuitif de manière à réaliser rapidement et simplement des documents de communication. Il sufiit d utiliser la grille afin de créer des zones pour placer vos informations (textes, images, etc...) ou animer vos mises en page avec des carrés de couleurs. Grille de mise en page format type dépliant Lorem ipsum dolor sit amet consectetur adipiscing elit Exemple de mise en page d une couverture : un jeu d aplats de couleurs (ou de photos) et de typographie (titre ou accroche du document). Grille de mise en page format A4 (exemple : annonce presse)

24 Exemples d utilisations : 24 Typographie La charte se déploie en utilisant 2 sortes de polices de caractères : la Gravur Condensed et l Open Sans. La Gravur Condensed sert essentiellement à mettre en exergue des informations : titre, intertitre, accroche, introduction, légende, citation, mots clés, etc... Sans se limiter à ces exemples. C est également la typographie utilisée pour le logotype Starterre. DE M 2 DE SERVICE Je cherche un véhicule neuf! Gravur Condensed Regular abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Gravur Condensed Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ votre supermarché de l automobile Ces typographies sont disponibles à la fois pour les documents imprimés que numériques!

25 Exemple de mise en forme d un texte : 25 Typographie L Open Sans est utilisée quant à elle pour le traitement des textes de manière générale : texte courant, intertitre, introduction, encadré, tableau, etc... Sans se limiter à ces exemples. L Open Sans dispose de plusieurs «graisses» (épaisseurs de caractère) ce qui vous permet de rythmer plus facilement vos mises en page de documents. OPEN SANS LIGHT abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ OPEN SANS LIGHT ITALIC abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ OPEN SANS BOLD abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ OPEN SANS BOLD ITALIC abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Lorem ipsum dolor sit amet, consectetur adipiscing Nam vehicula, nibh et malesuada faucibus, urna tortor suscipit dui, eu iaculis quam orci et dui. In eu nisi interdum, malesuada nulla sit amet, vehicula tortor. Phasellus posuere dui non odio mattis pharetra. Pellentesque at purus in lacus rhoncus suscipit vel eget mauris. Donec justo felis, cursus ac libero a, elementum dapibus turpis. Maecenas sapien nisl, euismod interdum venenatis id, molestie id velit. Sed in justo eget lorem venenatis consectetur ut eu ipsum. Ut fringilla justo vitae mattis dignissim. Aenean orci erat, malesuada at egestas id, euismod vel justo. Donec eleifend auctor aliquam. Suspendisse non lectus consectetur massa elementum accumsan quis vel nunc. Maecenas adipiscing sem sed dui pellentesque, vel commodo purus semper. Duis porttitor eget dolor sit amet dapibus. Donec sem enim, ultricies at ultricies nec, suscipit in massa. Suspendisse pretium pellentesque libero, in auctor ante interdum nec. OPEN SANS REGULAR abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ OPEN SANS ITALIC abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ OPEN SANS SEMIBOLD abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ OPEN SANS SEMIBOLD ITALIC abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ OPEN SANS EXTRABOLD abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ OPEN SANS EXTRABOLD ITALIC abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Ces typographies sont disponibles à la fois pour les documents imprimés que numériques! Nulla blandit dolor tellus, vitae pellentesque enim Congue non. In gravida felis tincidunt euismod tincidunt. Pellentesque at facilisis dolor. Sed fringilla sapien id tincidunt pharetra. Nam tempor nunc ut nunc sodales, non gravida mi suscipit. Nulla venenatis quis magna nec gravida. Nulla suscipit, nisi sed facilisis tempus, metus nisl rutrum quam, eget pellentesque odio tellus et arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris tempor leo diam, suscipit tincidunt dui suscipit a. Pellentesque id velit ut justo pellentesque scelerisque. Morbi consequat aliquam tellus. «Cras ornare dui in purus mattis, sed vestibulum orci rhoncus. Aenean a sodales justo, nec vestibulum turpis. Proin ac enim lobortis, pretium nulla a, hendrerit est.»

26 Iconographie Les icones sont à utiliser aussi bien sur les documents imprimés que les supports numériques (web, tactile, mobile,...). Exemples de mises en couleur : 26

27 Iconographie Des pictos personnalisés peuvent être créés pour vos documents, veuillez contacter le service marketing pour toutes vos demandes. Exemples de mises en couleur : 27 Exemples de déclinaisons (liste non exhausitive) :

28 28 Iconographie Concernant les visuels de type photographie, au moment de la conception d une couverture de document par exemple, privilégiez les photos avec de l humain. Veuillez contacter le service marketing pour vos demandes spécifiques en terme de photographie.

29 29 Iconographie Pour illustrer vos différents services, n hésitez pas à utiliser des visuels d ambiance et de détails afin de gagner en qualité. Veuillez contacter le service marketing pour vos demandes spécifiques en terme de photographie.

30 La papeterie

31 31 En-tête de lettre Starterre Les en-têtes de lettre sont personalisées en fonction du service. Le pied de page est quant à lui commun à l ensemble des modèles de lettre afin de mettre en avant l appartenance au Groupe Starterre. Pied de page commun à tous les modèles de lettre

32 32 En-tête de lettre et carte de correspondance Starterre

33 33 En-tête de lettre et carte de correspondance Starterre Equestre

34 34 En-tête de lettre et carte de correspondance Starterre Camping-Car

35 35 En-tête de lettre et carte de correspondance Dmax.fr

36 36 Cartes de visite Starterre Les cartes sont personalisées en fonction du service. Seul le recto des cartes de visite est commun à l ensemble des modèles afin de mettre en avant l appartenance au Groupe Starterre. Recto commun à toutes cartes de visite

37 37 En-tête de lettre et carte de correspondance Mecaterre

38 38 En-tête de lettre et carte de correspondance Chambéry Motors

39 39 Cartes de visite Mecaterre Cartes de visite Chambéry Motors

40 Les exemples de réalisations

41 41 Plaquette Corporate Palette de couleurs utilisées

42 42 Exemple d une double page de plaquette

43 43 Journal Starterre News Palette de couleurs utilisées

44 44 Plaquette Sites personnalisés Palette de couleurs utilisées

45 45 Dépliants

46 Palette de couleurs utilisées Webdesign Site internet «Accessoires 4x4» 46

47 Campagne «Sites personnalisés» ing Campagne «TOP 3 Hebdo» Palette de couleurs utilisées 47

48 48 Signalétique ACCUEIL SHOWROOM ATELIER SAV PIÈCES DÉTACHÉES ACCESSOIRES ACCÈS PAR ESCALIER CAMPING-CAR 4X4 ET PICK-UP ÉQUESTRE