CHARTE GRAPHIQUE. création Janvier w w w.vous financer.com

Transcription

1 CHARTE GRAPHIQUE création Janvier 2008

2 Introduction La charte graphique est un document de travail qui contient l ensemble des règles fondamentales d utilisation des signes graphiques qui constituent l identité graphique d une organisation, d un projet, d une entreprise. Cette charte graphique permet à tout utilisateur de s approprier les principes de base de l identité de l entreprise «VousFinancer.com». L application rigoureuse de ces règles a pour objectif de développer une communication harmonieuse et cohérente afin d asseoir la notoriété de l entreprise «VousFinancer.com». L objectif ici est double : > L identité graphique reste intacte quelles que soient les réalisations graphiques, afin que l organisation, le projet ou l entreprise (qui sont une somme d individualités) parle «d une seule voix». > La charte graphique permet au récepteur d identifier facilement l émetteur et, par habitude si la cohérence est respectée, de se repérer visuellement dans les différentes réalisations graphiques, et au sein même d un même support graphique (ce qui facilite la lecture).

3 INTRODUCTION... SOMMAIRE... A. L IDENTITE VISUELLE 1.0 LE LOGOTYPE LA TYPOGRAPHIE LES COULEURS Le logo couleur quadri CMJN 3.2 Le logo couleur RVB 3.3 Le logo couleur pantone 3.4 Le logo couleur hexadécimale 3.5 Le logo noir et blanc 3.6 Le logo sur fond de couleur 4.0 LE LOGO ET SES DECLINAISONS (Lieu géographique) LES DIMENSIONS/ECARTS... zone d exclusion : espace protégé minimum autour du logo 6.0 LES INTERDITS L EMBLEME... B. CHARTE GRAPHIQUE 1.0 LA CHARTE GRAPHIQUE Comment utiliser la charte graphique : les visuels, la typographie, le logotype, les couleurs,les éléments graphiques en PRINT et WEB EXEMPLES D UTILISATION Exemple de l application de la charte sur support : plaquette commerciale et une page web. C. DECLINAISONS SUR SUPPORT 1.0 PAPETERIE Carte de visite 1.2 Papier entête 1.3 Carte de correspondance 2.0 CHARTE VITRINE Drapeau 2.2 Enseigne 2.3 Adhésif 2.4 Enseigne Premier étage

4 A. L IDENTITÉ VISUELLE

5 A. L IDENTITE VISUELLE 1.0 Le Logotype Les logos, par définition, sont considérés comme des images. Aucun élément constitutif du logo ne peut être modifié. La marque : Ce logo est préconisé pour toute communication de la marque «VOUSFINANCER.com». Sa construction : L ' E X C E L L E N C E F I N A N C I E R E

6 A. L IDENTITE VISUELLE 2.0 Les Typographies La typographie utilisée pour le logo «VOUSFINANCER.com» est la «RomanSérif» Roman Serif Regular ROMAN SERIF REGULAR abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ La typographie utilisée pour la baseline «l excellence financière» est la «RomanSérif» Roman Serif Regular Interlettrage 500 R O M A N S E R I F R E G U L A R 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 I J K L M N O P Q R S T U V W X Y Z La taille de police de Roman Serif correspond à 1/4 du lettrage de «VOUSFINANCER.com».

7 A. LOGO 3.0 Les Couleurs L ' E X C E L L E N C E F I N A N C I E R E PANTONE DS PROCESS BLACK C # CMJN RVB Pantone process coated hexadecimal CMJN RVB PANTONE DS 83-1 C Pantone process coated # B91014 hexadecimal CMJN RVB PANTONE DS C # A6A6A6 Pantone process coated hexadecimal PANTONE DS C CMJN RVB Pantone process coated # hexadecimal

8 A. LOGO 3.0 Les Couleurs 3.5 Le logo noir et blanc Version Niveau de gris : L ' E X C E L L E N C E F I N A N C I E R E Noir 100% Gris 55% Gris clair 35% Version noir/blanc : L ' E X C E L L E N C E F I N A N C I E R E Noir 100%

9 A. LOGO 3.0 Les Couleurs 3.6 Le logo sur fond de couleur Utilisation de la marque sur fond foncé : Lorsque le logo se situe sur un fond plus ou moins foncé, il doit être utilisé en blanc. Utilisation de la marque sur fond clair : Lorsque le fond devient trop clair pour la lisibilité du logo en blanc, utiliser la version noire.

10 A. LOGO 4.0 Le Logo et ses déclinaisons Logotype Général : Logotype Agence localisée : Pour toutes franchises : Nom de la ville : RomanSerif Regular, taille 1/4 du lettrage de «VOUSFINANCER.com». couleur Pantone BLACK, Interlettrage 200.

11 A. LOGO 5.0 Les dimensions/écarts Les zones de protection Les logotypes seront utilisés sur une surface blanche, un fond de couleur ou encore entourés de photos ou de textes. Pour permettre une cohabitation harmonieuse et assurer la lisibilité du logo, une zone de protection devra être systématiquement respectée. > Attention, le logo ne s utilise que de manière horizontale. 1/5 ème 5/5 ème 1/5 ème

12 A. LOGO 6.0 Les Interdits Les interdits : Il est interdit d utiliser le logo dans les cas où la marque présente un risque de mauvaise lisibilité (contraste insuffisant entre le fond et la marque). Eviter également de la placer sur une image. Privilégier le positionnement sur un aplat ou un fond blanc. L ' E X C E L L E N C E F I N A N C I E R E

13 A. LOGO 6.0 Les Interdits Il est interdit d utiliser le logo en dehors des normes de couleurs préconisées. Il est interdit de modifier la proportion des éléments constituant la marque, de modifier un de ces éléments, d en omettre une partie ou de l associer à un autre logo. Ne pas modifier l interlettrage.

14 A. LOGO 7.0 L emblème L emblème, composé du toît d une maison, symbolise le côté immobilier de la société. L emblème peut être utilisé sans dénomination du logo «VOUSFINANCER.com». Utilisation de la maison comme seul référent au logotype général. Seul l emblème suffi t comme identifi ant. Visuellement il rappelle tout le logo «VOUSFINANCER.com». > Les variantes Pour préserver une plus grande flexibilité dans la reproduction des logotypes, diverses solutions ont été définies. Monochrome rouge Négatif Au trait Niveau de gris

15 B. CHARTE GRAPHIQUE

16 B. CHARTE GRAPHIQUE 1.0 La charte graphique Le logo «VOUSFINANCER.COM» avec la baseline «L EXCELLENCE FINANCIERE» est le logo officiel du franchiseur. Seul le logo «VOUSFINANCER.COM» avec la baseline «L EXCELLENCE FINANCIERE» peut figurer comme logo général sur tous les supports de communication du franchiseur. Pour une communication de franchisé, le logo sera : Le logo «VOUSFINANCER.COM» avec la baseline «L EXCELLENCE FINANCIERE» ainsi que la précision de la Ville où le franchisé se situe. L EMPLACEMENT DU LOGO DANS DIFFÉRENTS SUPPORTS Voici quelques conseils d utilisation du logotype et de la charte graphique sur différents supports. Nous verrons quelques procédés d utilisation du logotype sur différents supports de communication. Aussi, il est important de respecter la zone de protection du logo qui lui permet de cohabiter avec les autres éléments de la charte graphique.

17 B. CHARTE GRAPHIQUE 1.0 La charte graphique Sur les documents de type IMPRIMÉ : LOGOTYPE > Respect de la zone de Protection > L Insertion du logo peut se faire en haut, en bas, à gauche ou à droite du document. > Dans un document présentant plusieurs élèments ( photographies, textes, élèments de chartes graphique...), nous privilègerons un endroit isolé permettant au logotype de remplir sa fonction d identifiant visuel. En fonction de la cible et de l émetteur du support, le logotype sera adapté comme vu ci-avant. VISUEL Des photographies ou aplats de couleurs peuvent être utilisés. L emblème (la maison) est un élèment qui fait partie de la charte graphique et nous l utiliserons de manière récurrente. Il sera accompagné ou non d un bandeau rouge pour appuyer son impact visuel. POLICES Nous vous recommandons deux polices qui pourront être utilisée dans le cadre d un support imprimé : Roman Serif Regular ROMAN SERIF REGULAR abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Myriad Roman MYRIAD ROMAN abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ COULEURS Le gris clair est utilisé dans la charte comme couleur de soutien.

18 B. CHARTE GRAPHIQUE 2.0 Exemples d utilisation Exemple d utilisation de la charte sur une Couverture de plaquette M A R S E I L L E TITRE DOCUMENT texte texte texte texte texte texte texte textet texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte textetexte texte texte texte texte texte texte texte texte texte texte texte texte

19 B. CHARTE GRAPHIQUE 2.0 Exemples d utilisation Exemple d utilisation de la charte sur un intérieur de plaquette texte texte texte texte texte texte texte textet texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte textetexte texte texte texte texte texte texte texte texte texte texte texte texte TITRE DOCUMENT texte texte texte texte texte texte texte textet texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte textetexte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte textet texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte textetexte texte texte texte texte texte texte texte texte texte texte texte texte TITRE DOCUMENT texte texte texte texte texte texte texte textet texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte textetexte texte texte texte texte textet texte texte texte texte texte texte texte texte texte textet texte texte texte texte texte texte texte texte texte texte textetexte texte texte texte texte texte texte textetexte texte texte texte texte texte texte texte texte texte texte texte textet texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte textetexte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte textet texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte textetexte texte texte texte texte texte texte texte texte texte texte texte texte

20 B. CHARTE GRAPHIQUE 2.0 Exemples d utilisation Sur un support WEB : LOGOTYPE > Respect de la zone de Protection > L Insertion du logo se fait en haut à gauche du document. > Nous privilègerons un bloc coloré autour du logotype afin de bien identifier le bloc marque sur cette mine d information qu est internet. POLICES Nous vous recommandons deux polices qui pourront être utilisée dans le cadre d un support web : «polices images» : Roman Serif Regular ROMAN SERIF REGULAR abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ «polices web» : Arial Regular ARIAL REGULAR abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ COULEURS Le gris clair est utilisé dans la charte comme couleur de soutien.

21 B. CHARTE GRAPHIQUE 2.0 Exemples d utilisation Exemple d utilisation de la charte sur une page de garde de site internet Publicite Bouton Bouton Bouton Bouton Bouton Simulation de prêt? Demande de prêt? TITRE TITRE TITRE TITRE

22 B. CHARTE GRAPHIQUE 2.0 Exemples d utilisation Exemple d utilisation de la charte sur une page de garde de site internet Publicite Bouton Bouton Bouton Bouton Bouton Simulation de prêt? Demande de prêt? TITRE TITRE TITRE TITRE

23 C. DECLINAISONS SUR SUPPORT

24 C. DECLINAISONS SUR SUPPORT 1.0 Papeterie FRANCHISEUR 1.1 Carte de Visite 5,5 x 8,5 cm Logotype Général Frédéric Dupond Directeur des Ventes fdupond@vousfinancer.com 10 ter boulevard GAMBETTA MARSEILLE Tél. : Fax : Frédéric Dupond Directeur des Ventes fdupond@vousfinancer.com 10 ter boulevard GAMBETTA MARSEILLE Tél. : Fax :

25 C. DECLINAISONS SUR SUPPORT 1.0 Papeterie FRANCHISE 1.1 Carte de Visite 5,5 x 8,5 cm Logotype Agence de Marseille Frédéric Dupond Directeur des Ventes fdupond@vousfinancer.com 10 ter boulevard GAMBETTA MARSEILLE Tél. : Fax : Frédéric Dupond Directeur des Ventes fdupond@vousfinancer.com 10 ter boulevard GAMBETTA MARSEILLE Tél. : Fax :

26 C. DECLINAISONS SUR SUPPORT 1.1 Carte de Visite 5,5 x 8,5 cm 1.0 Papeterie DETAILS TECHNIQUES Polices de caractère : NOM : Roman Sérif Médium Italic (8 pts) Contour : 0,25 pt Noir ( 0, 0, 0, 100) QUALITÉ : Roman Sérif Médium Italic (8 pts) Noir ( 0, 0, 0, 100) ADRESSE MAIL : Arial Regular (6 pts) Noir ( 0, 0, 0, 100) 0,5 cm Frédéric Dupond Directeur des Ventes fdupond@vousfinancer.com 10 ter boulevard GAMBETTA MARSEILLE Tél. : Fax : ,5 cm COORDONNÉES : Myriad Roman (6 pts) Gris ( 0, 0, 0, 47) SITE INTERNET : Roman Sérif Médium Italic (8 pts) Noir ( 0, 0, 0, 100)

27 C. DECLINAISONS SUR SUPPORT 1.0 Papeterie FRANCHISEUR 1.2 Carte de Correspondance 10 x 21 cm 10 ter boulevard GAMBETTA MARSEILLE Tél. : Fax : contact@vousfinancer.com

28 C. DECLINAISONS SUR SUPPORT 1.0 Papeterie FRANCHISE 1.2 Carte de Correspondance 10 x 21 cm 10 ter boulevard GAMBETTA MARSEILLE Tél. : Fax : contact@vousfinancer.com

29 C. DECLINAISONS SUR SUPPORT 1.2 Carte de Correspondance 10 x 21 cm 1.0 Papeterie DETAILS TECHNIQUES Polices de caractère : ADRESSE : Myriad Roman (7 pts) Gris ( 0, 0, 0, 47) SITE INTERNET : Roman Sérif Médium Italic (11 pts) Blanc ( 0, 0, 0, 0) Dimension préconisée : = 5,0 cm financer.com 10 ter boulevard GAMBETTA MARSEILLE Tél. : Fax : contact@vousfinancer.com

30 C. DECLINAISONS SUR SUPPORT 1.3 Papier entête 21 x 29,7 cm 1.0 Papeterie FRANCHISEUR 10 ter boulevard GAMBETTA MARSEILLE Tél. : Fax : contact@vousfinancer.com SARL VOUSFINANCER.COM au capital de XXXXX euros - RCS XXXXXXX

31 C. DECLINAISONS SUR SUPPORT 1.3 Papier entête 21 x 29,7 cm 1.0 Papeterie FRANCHISE 10 ter boulevard GAMBETTA MARSEILLE Tél. : Fax : contact@vousfinancer.com SARL VOUSFINANCER.COM au capital de XXXXX euros - RCS XXXXXXX

32 C. DECLINAISONS SUR SUPPORT 1.0 Papeterie 1.3 Papier entête 21 x 29,7 cm DETAILS TECHNIQUES Polices de caractère : COORDONNÉES : Roman Sérif Regular (9 pts) Gris ( 0, 0, 0, 47) COORDONNÉES DESTINATAIRE : Myriad Roman (12 pts) Noir ( 0, 0, 0, 100) CORPS DE LETTRE : Myriad Roman (12 pts) Noir ( 0, 0, 0, 100) MENTIONS : SARL VOUSFINANCER.COM au capital... Roman Sérif Regular (6,5 pts) Noir ( 0, 0, 0, 100) SITE INTERNET : Roman Sérif Medium Italic (21 pts) Blanc ( 0, 0, 0, 0) Zoom sur les dimension de l entête de lettre : Gris ( 0, 0, 0, 35) ; Opacité : 10 1 cm 1 cm 0,5 cm 1 cm 10 ter boulevard GAMBETTA MARSEILLE Tél. : Fax : contact@vousfinancer.com

33 C. DECLINAISONS SUR SUPPORT 2.0 Charte Vitrine 2.1 Drapeau 60 x 60 cm

34 C. DECLINAISONS SUR SUPPORT 2.0 Charte Vitrine 2.2 Enseigne Façade rez de chaussée

35 C. DECLINAISONS SUR SUPPORT 2.0 Charte Vitrine 2.3 Détails des stickers vitrine Façade Porte

36 C. DECLINAISONS SUR SUPPORT 2.0 Charte Vitrine 2.4 Enseigne Façade 1er étage Fenêtre Fenêtre Fenêtre Fenêtre

37