Charte graphique de la Ville

Dimension: px
Commencer à balayer dès la page:

Download "Charte graphique de la Ville"

Transcription

1 Charte graphique de la Ville

2 Table des matières A. INTRODUCTION. 3 A1 LE CHEMINEMENT 4 A2 LA SYMBOLIQUE DU LOGO 5 A3 LA TERMINOLOGIE 6 B. LE LOGO 7 B1 RÉFÉRENCES COULEUR ET NOIR & BLANC 8 B2 TAILLE D UTILISATION MINIMALE 9 B3 ZONE DE PROTECTION 10 B4 INSCRIPTION DE LA BASELINE 11 B5 LES VARIATIONS PROSCRITES 12 B6 UTILISATION SUR FOND DE COULEUR 13 B7 UTILISATION SUR DES PHOTOS 14 B8 LA BASE LINE 15 B9 COMPOSITION PARTIELLE 16 C. LA TYPOGRAPHIE. 17 C1 LA TYPOGRAPHIE INSTITUTIONNELLE 18 C2 LA TYPOGRAPHIE DU COURRIER 19 C3 LES FRISES ET LES MOTIFS 20 D. LA PAPETERIE. 21 D1 LES ENTÊTES DE LETTRE 22 D2 LES CARTES DE VISITE 23 D3 LES CARTONS D INVITATION 24 E. LES IMPRIMÉS. 25 E1 RÈGLE GÉNÉRALE 26 E2 LES DIMENSIONS DU LOGO SELON DIFFÉRENTS FORMATS (A5, A3, A6) 27 E3 LES DOCUMENTS PARRAINÉS PAR LA VILLE 28 E4 LES GRANDS FORMATS (BÂCHES, KAKEMONOS, TRAVERSÉES DE RUE) 28 F. LA SIGNALÉTIQUE 30 F1 LES PANNEAUX (LIEUX PUBLIQUES, ÉCOLES...) 31 F2 LES AUTRES SUPPORTS (SIGNALÉTIQUE, VÉHICULES...) 32 F3 AUTRES EXEMPLES 33 2

3 Introduction 3

4 A. INTRODUCTION A1 LE CHEMINEMENT La ville a décidé de renouveler son logotype, inchangé depuis plus de 20 ans, et devenu quelque peu obsolète. Arrêt sur une nouvelle image qui symbolise une nouvelle étape de la vie de la ville! L ancien logo datait de Il incarnait une nouvelle identité que la ville s est forgée avec la création du centre-ville Chorus, construit sur une ancienne usine de Tissages. Une place centrale, de nouveaux logements, des commerces et services et bien sûr La Turbine dont le rayonnement participe beaucoup à celui de la ville voilà qui méritait de se revendiquer une «ville de vie». C était tout le sens de la signature située sous le logo. Cette étape de l histoire de la ville est derrière nous. Aujourd hui, la ville est construite, elle a la réputation d une ville qui bouge et innove. Et elle se rénove avec d important projets de requalification : Vallon, Pont neuf (à terme) et bien sûr la création d un éco-quartier dans la friche des Papeteries, avec le projet d un pôle de l Image animée et du multimédia. Passer ainsi de l industrie du papier à celle de «l Image en mouvement», c est rester fidèle à son passé et savoir rebondir pour l avenir. A travers ces projets, Cran-Gevrier ouvre une nouvelle étape, pour devenir une ville «durable» pour tous. C est aussi toutes les actions de l agenda 21, la refonte du projet éducatif local en faveur des jeunes, et la poursuite de l effort en faveur du logement social Voilà qui mérite bien un nouveau logo, signé «énergie citoyenne». Car c est avec l engagement de tous, habitants, associations, acteurs économiques que la ville continuera d avancer. 4

5 A. INTRODUCTION A2 LA SYMBOLIQUE DU LOGO Un cercle ouvert : le Thiou impulse sa force à la ville Parmi les quatre symboles des armoiries de la ville, la roue au-dessus de l eau symbolise les anciens moulins qui tournaient sur le Thiou dès le Moyen-Age. La force du Thiou a ensuite permis de développer trois grandes usines (Tissages, Papeteries, Forges de Cran) à l ère industrielle. Et c est encore autour de la rivière que va naitre le futur éco-quartier. Ce cercle est aussi le C de Cran-Gevrier, Ouvert, dynamique, qui libère son énergie symbolisée par les carrés qui s élèvent : ville en rénovation, pixels de l image en mouvement L unité de la ville Cran et Gevrier sont attachés, sans trait, pour signifier l unité de la ville, c est la lettre «G» qui fait le lien. Le nom s intègre dans le cercle ouvert du logo, sans rupture. Les couleurs d une ville qui bouge, innovante Bleu : la force de l eau, le Thiou, incontournable Vert : l exigence de l environnement, du développement durable, avec l agenda 21 Fuchsia : la recherche de la convivialité, de la cohésion sociale, la solidarité. Cette mosaïque colorée exprime aussi la diversité et l harmonie des quartiers, des habitants 5

6 A. INTRODUCTION A1 LA TERMINOLOGIE Tout au long de ce document, nous utilisons la terminologie ci-dessous pour déterminer les règles d utilisation du logo de la Ville de Cran-Gevrier. le cercle les carrés la typographie le sigle la baseline 6

7 Le logo 7

8 B. LE LOGO LES PARAMÈTRES DU LOGO 1. UNE TAILLE MINIMALE REQUISE AVEC LA BASELINE En dessous de 30 mm de largeur (85 pixels), le logo devra impérativement être utilisé sans sa baseline. 2. LES RÉFÉRENCES COULEURS LES PLUS COURANTES CMJN : Noir C 0 M 0 J 0 N 100 Bleu C 100 M 0 J 5 N 5 Rubine C 11 M 100 J 0 N 0 Vert C 50 M 0 J 100 N 0 PANTONE : Noir Bleu Rubine Vert Pantone Process Back Pantone 639 C Pantone 233 C Pantone 376 C 3. LA TYPOGRAPHIE INSTITUTIONNELLE Pour les slogans, les accroches, le titrage, la signalétique, les dénominaions de service, etc., nous proposons les polices de caractère issues de la famille Helvetica Condensed. 4. UN LOGO, SIX POSSIBILITÉS 5. INSCRIPTION DE LA BASELINE Pour respecter l équilibre des masses, le logo dans sa formule avec baseline sera férré à gauche à l applomb de la barre du dernier «r» du mot crangevrier (et non pas sur la largeur totale du logo, baseline comprise). 8

9 B. LE LOGO LES PARAMÈTRES DU LOGO 6. DEUX LOGOS, DEUX USAGES DIFFERENTS Il existe 2 versions du logo : la version «crangevrier» avec ou sans baseline : pour un usage promotionnel la version allongée «Ville de crangevrier» sans baseline : pour un usage administratif La version «Ville de crangevrier» ne sera jamais utilisée (sans autorisation officielle du service communication) dans un cadre promotionnel (excepté pour des raisons techniques qui empêcheraient l utilisation du logo «crangevrier»), elle est réservée à un usage administratif! 7. DES FONDS DE COULEUR Le logo peut se placer sur un fond coloré pour autant que sa visibilité et sa lisibilité soient suffisantes. 8. LES STRUCTURES ADMINISTRATIVES La police utilisée pour les départements et les services est l HELVETICA CONDENSED. Département des Services généraux Service information & communication 9. PAS D EFFET FANTAISISTE SUR LE LOGO Il est interdit d appliquer tout effet graphique sur le logo (3D, ombrage, dégradé, etc.). 9

10 B. LE LOGO LES PARAMÈTRES DU LOGO 10. LES RÉFÉRENCES COULEURS La composition des couleurs doit impérativement suivre les valeurs reprises cidessous, selon l espace de couleurs utilisé. Le présent document ne peut servir pour l étalonnage des couleurs. Pour cela, encodez les valeurs des couleurs dans le spectre ad hoc. Modes d utilisation : PANTONE : utilisation pour impression en 1 ou 2 couleurs CMJN : utilisation pour impression en quadrichromie RVB : utilisation pour le multimedia PANTONE 233 C CMJN C 0 M 0 J 0 N 100 RVB R 210 V 0 B 122 PANTONE 376 C CMJN C 50 M 0 J 100 N 0 RVB R 151 V 191 B 13 PANTONE 639 C CMJN C 100 M 0 J 5 N 5 RVB R 0 V 152 B 209 PANTONE PROCESS BACK CMJN C 0 M 0 J 0 N 100 RVB R 0 V 0 B 0 10

11 B. LE LOGO LES PARAMÈTRES DU LOGO 11. LES VARIANTES COULEURS Les seules variations couleurs autorisées du logo sont les suivantes : A. Utilisation sur fond clair B. Utilisation sur fond de couleur foncé 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% 12. LE LOGO EN NOIR ET BLANC Les niveaux de gris en positif ou en négatif sont utilisés quand la technique d impression permet une bonne reproduction du tramé. Quand la technique d impression ne permet pas le niveau de gris, on l utilise en Bitmap dans sa version positive ou en blanc dans sa version négative. 11

12 B. LE LOGO LES PARAMÈTRES DU LOGO 13. LA TAILLE MINIMALE Afin de ne pas nuire à la bonne lisibilité du logo, une taille minimale est recommandée. En dessous de 30 mm de largeur, le logo devra impérativement être utilisé sans sa baseline. En cas de partenariat, c est toujours le logo sans sa baseline qui sera intégré. Quand la technique de reproduction risque d altérer la baseline ou quand la taille ne permet pas une bonne lisibilité, on utilisera le logo sans celle-ci. Le logo avec la baseline 30 mn 85 px Le logo sans la baseline 10 mn 28 px Le logo sans la baseline 5 mn 14 px 12

13 B. LE LOGO LES PARAMÈTRES DU LOGO 14. UTILISATION SUR DES PHOTOS Le logo peut se placer sur une photo pour autant qu il soit tout à fait lisible et visible. Dans le cas contraire, on y appose un encadré demi-ovale partant à la coupe. Positionment du logo sur fond blanc blanc demi-ovale droit Largeur 265% plus large que la cote hauteur Positionment du logo sur fond blanc blanc demi-ovale gauche 13

14 B. LE LOGO LES PARAMÈTRES DU LOGO 15. EXEMPLE D UTILISATION SUR DES PHOTOS Le logo peut se placer sur une photo pour autant qu il soit tout à fait lisible et visible. Dans le cas contraire, on y appose un encadré demi-ovale partant à la coupe. 14

15 La typogaphie 15

16 C. LA TYPOGRAPHIE LES ÉLÉMENTS CONNEXES 1. LA TYPOGRAPHIE INSTITUTIONNELLE Pour les accroches, les titrages, la signalétique, les départements, les services et les cabinets des échevins, nous proposons un seul de jeu de polices de caractère : la police «Helvetica condensed» dans ses 4 versions d épaisseurs différentes. Helvetica Light Condensed ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Helvetica Light Condensed oblique ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Helvetica Medium Condensed ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Helvetica Medium Condensed oblique ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Helvetica Bold Condensed ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Helvetica Bold Condensed oblique ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Helvetica Black Condensed ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Helvetica Black Condensed oblique ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

17 C. LA TYPOGRAPHIE LES ÉLÉMENTS CONNEXES 2. LA TYPOGRAPHIE DU COURRIER Pour le texte courant du courrier administratif, nous préconisons la police «Arial». Elle propose 2 versions de caractères d épaisseur différentes, chacun avec une variante italique. Elle est bien lisible et disponible sur tous les ordinateurs. Arial Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Arial Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Arial Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Arial Bold Italic MNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

18 C. LES SIGNES LES ÉLÉMENTS CONNEXES À titre décoratif, des motifs et des frises peuvent être créés à partir des éléments du logo.

19 La papeterie 19

20 D. LA PAPETERIE LES ÉLÉMENTS CONNEXES 1. LES PARAMÈTRES DE CONSTRUCTION Le schéma ci-dessous reprend la construction et les dimensions précises du bloc «identifiant» incluant le logo «Ville de Cran-gevrier» ainsi que la mention de l expéditeur. Pour les services, nous utiliserons la Helvetica Condensed 10,5 pt pour hiérarchiser les données. La largeur disponible pour l intitulé de l expéditeur sous le logo ne peut dépasser 50 mm afin de ne pas apparaître dans la fenêtre des enveloppes. Haut de page Coopération internationale, Jumelage et sports Ligne destinataire 1 Ligne destinataire 2 Ligne adresse 1 Ligne adresse 2 Code postal & Ville Cran-Gevrier, date Monsieur, Cummodigna feumsandrem irillao rperiusto con veliqui te dio erat. Duisim dolobor si. Lorem alit vullutat ipisi. Ibh et velit ver in verosto dignim dipis etum niamet lore diatue min elenisi. Guerilis acip ea feuguer at ullum ad min vulla feum venim deliqui bla atismolor sendiam consendre faciduipit velit alisi te magnit vercilis nulputpat. Veliqui ssendignibh eu feugait, volum vel ullaortis nostrud eliquam corperci bla core commy nim veliquate velessi blandrer sed tem volobor sustrud tat vel ing exerosto exercil eumsandio deliquametum zzrilla ndigna feugueriure exer sequis ercilis cipsustie dolorper ipis am auguerit velent dionsecte dio odo et, quam non ut in eumsan ut wisl eu feuisse magna feuisim zzriliquat wis nisim dolore min ulla consed exero odolorem dolor sustio odit velis adignis alit dignibh er atis alisit lut ullaorem illandignit nit wis nummole sequisit praestrud tisl in eu feuguer sustrud mod tismolore min volorero od te vent praesed magna cor in velenim dolortie molore magna consequat eui tin hent ea faccum vullutat, si. Zoom sur haut de page (échèle 1:1) 15 mn Gue volorpe raesequis augait venibh et, cor sum dipsuscilit ea am iurero odiamet lamcommy nullam at nullaor aliquat. Enibh ex eugait loborer augiam, commodipisl ipisl ut autat venim vel delesed dolobore 47,5 consecte mnveliscidunt euis adit aliscilisi. Sandit, quamet praessisi blan ut dolore erit utpatem in er sequam, commod tiscipit wissim esent vulputpat velesent veliquat aci et, verci tie conulpu tpatetue eu faccummy nulla commodio commy niam dolut praessed delent vulput dit lortio consed diam quis eugait, conulput eliquat, si eu facilit am quisi. San hent nullum inim zzrilit lutpatem il dolobor sumsandre molorem dolortin veliqui scinci blandrer suscill aorpero dio eugait lore del iuscing et at, consenit, consenibh eugiamc onsectet lor sum nonse venibh eumsan henis er in utat, sustio eugait volor sequam, vendrem eumsan eumsandre commodo lortion utem nos alisl dolenim iustie ming exer ilit vullaor. 12,5 mn 32,5 mn Signature Coopération internationale, Jumelage et sports Largeur disponible pour Mairie : 46, avenue de la république BP Cran-Gevrier cedex Tél Fax Mèl : mairie@ville-crangevrier.fr l intitulé de l expéditeur Ligne destinataire 1 Ligne destinataire 2 Helvetica bold condensed 10,5 pt Ligne adresse 1 Ligne adresse 2 Code postal & Ville 20 Monsieur,

21 Jumelage et sports D. LA PAPETERIE LES ÉLÉMENTS CONNEXES Coopération internationale, Jumelage et sports Ligne destinataire 1 Ligne destinataire 2 Ligne adresse 1 Ligne adresse 2 Code postal & Ville 2. LES PARAMÈTRES DE CONSTRUCTION Cran-Gevrier, date Monsieur, Monsieur, Le schéma ci-dessous Cummodigna reprend feumsandrem la irillao construction rperiusto con veliqui et les te dio dimensions erat. Duisim dolobor précises si. Lorem du bloc «alit vullutat ipisi. Ibh et velit ver in verosto dignim dipis etum niamet lore diatue min elenisi. identifiant» du bas de page des en-têtes de lettre ainsi que la mention de l expéditeur. Guerilis acip ea feuguer at ullum ad min vulla feum venim deliqui Cummodigna bla atismolor sendiam feumsandrem irillao rp consendre faciduipit velit alisi te magnit vercilis nulputpat. Veliqui ssendignibh eu feugait, alit vullutat ipisi. Ibh et velit ver in v volum vel ullaortis nostrud eliquam corperci bla core commy nim veliquate velessi blandrer sed tem volobor sustrud tat vel ing exerosto exercil eumsandio deliquametum Guerilis zzrilla acip ndigna ea feuguer at ullum a feugueriure exer sequis ercilis cipsustie dolorper ipis am auguerit velent dionsecte dio odo et, quam non ut in eumsan ut wisl eu feuisse magna feuisim zzriliquat consendre wis nisim dolore min faciduipit velit alisi te m ulla consed exero odolorem dolor sustio odit velis adignis alit dignibh er atis alisit lut ullaorem illandignit nit wis nummole sequisit praestrud tisl in eu feuguer sustrud volum mod tismolore vel ullaortis min nostrud eliquam volorero od te vent praesed magna cor in velenim dolortie molore magna consequat eui tin hent ea faccum vullutat, si. sed tem volobor sustrud tat vel ing Pied de page feugueriure exer sequis ercilis cips Gue volorpe raesequis augait venibh et, cor sum dipsuscilit ea am iurero odiamet lamcommy nullam at nullaor aliquat. Enibh ex eugait loborer augiam, commodipisl et, ipisl ut quam autat venim non vel ut in eumsan ut wisl e delesed dolobore consecte veliscidunt euis adit aliscilisi. Sandit, quamet praessisi blan ut dolore erit utpatem in er sequam, ulla commod consed tiscipit wissim exero odolorem dolor su esent vulputpat velesent veliquat aci et, verci tie conulpu tpatetue eu faccummy nulla commodio commy niam dolut praessed delent vulput dit lortio consed diam illandignit quis eugait, conulput nit wis nummole sequisit eliquat, si eu facilit am quisi. San hent nullum inim zzrilit lutpatem il dolobor sumsandre molorem volorero dolortin veliqui od scinci te vent praesed magna blandrer suscill aorpero dio eugait lore del iuscing et at, consenit, consenibh eugiamc onsec- hent ea faccum vullutat, si. tet lor sum nonse venibh eumsan henis er in utat, sustio eugait volor sequam, vendrem eumsan eumsandre commodo lortion utem nos alisl dolenim iustie ming exer ilit vullaor. Mairie : 46, avenue de la république BP Cran-Gevrier cedex Tél Fax Mèl : mairie@ville-crangevrier.fr Gue volorpe raesequis augait venib Signature nullam at nullaor aliquat. Enibh ex e delesed dolobore consecte veliscidu Sandit, quamet praessisi blan ut do esent vulputpat velesent veliquat ac modio commy niam dolut praessed eliquat, si eu facilit am quisi. San hent nullum inim zzrilit lutpate blandrer suscill aorpero dio eugait lo tet lor sum nonse venibh eumsan he san eumsandre commodo lortion ute Zoom sur pied de page (échèle 1:1) Helvetica medium condensed 10,5 pt Helvetica black condensed 10,5 pt 15 mn Mairie : 46, avenue de la république BP Tél Fax Mèl : mai 10 mn 21

22 D. LA PAPETERIE LES ÉLÉMENTS CONNEXES 3. UTILISATION Le texte courant utilisera de préférence la typographie Arial en corps 11. La marge est de 40 mm. Par souci d équilibre, on utilisera la même marge à gauche et à droite. La date sera alignée à droite sous l espace réservé à l adresse du destinataire, à 80 mm du bord supérieur. Coopération internationale, Jumelage et sports Ligne destinataire 1 Ligne destinataire 2 Ligne adresse 1 Ligne adresse 2 Code postal & Ville 80 mn Cran-Gevrier, date Monsieur, Cummodigna feumsandrem irillao rperiusto con veliqui te dio erat. Duisim dolobor si. Lorem alit vullutat ipisi. Ibh et velit ver in verosto dignim dipis etum niamet lore diatue min elenisi. Guerilis acip ea feuguer at ullum ad min vulla feum venim deliqui bla atismolor sendiam consendre faciduipit velit alisi te magnit vercilis nulputpat. Veliqui ssendignibh eu feugait, volum vel ullaortis nostrud eliquam corperci bla core commy nim veliquate velessi blandrer sed tem volobor sustrud tat vel ing exerosto exercil eumsandio deliquametum zzrilla ndigna feugueriure exer sequis ercilis cipsustie dolorper ipis am auguerit velent dionsecte dio odo et, quam non ut in eumsan ut wisl eu feuisse magna feuisim zzriliquat wis nisim dolore min ulla consed exero odolorem dolor sustio odit velis adignis alit dignibh er atis alisit lut ullaorem illandignit nit wis nummole sequisit praestrud tisl in eu feuguer sustrud mod tismolore min volorero od te vent praesed magna cor in velenim dolortie molore magna consequat eui tin hent ea faccum vullutat, si. 40 mn 40 mn Gue volorpe raesequis augait venibh et, cor sum dipsuscilit ea am iurero odiamet lamcommy nullam at nullaor aliquat. Enibh ex eugait loborer augiam, commodipisl ipisl ut autat venim vel delesed dolobore consecte veliscidunt euis adit aliscilisi. Sandit, quamet praessisi blan ut dolore erit utpatem in er sequam, commod tiscipit wissim esent vulputpat velesent veliquat aci et, verci tie conulpu tpatetue eu faccummy nulla commodio commy niam dolut praessed delent vulput dit lortio consed diam quis eugait, conulput eliquat, si eu facilit am quisi. San hent nullum inim zzrilit lutpatem il dolobor sumsandre molorem dolortin veliqui scinci blandrer suscill aorpero dio eugait lore del iuscing et at, consenit, consenibh eugiamc onsectet lor sum nonse venibh eumsan henis er in utat, sustio eugait volor sequam, vendrem eumsan eumsandre commodo lortion utem nos alisl dolenim iustie ming exer ilit vullaor. Signature Mairie : 46, avenue de la république BP Cran-Gevrier cedex Tél Fax Mèl : mairie@ville-crangevrier.fr 22

23 D. LA PAPETERIE LES ÉLÉMENTS CONNEXES 4. LES CARTES DE VISITE Le schéma ci-dessous reprend la construction et les dimensions précises des données à imprimer sur une carte de visite de format 5,5 x 8,5 cm. 55 mn 5 7,5 5 Helvetica black condensed 10 pt Helvetica medium condensed 8 pt Prénom Nom Responsable du service information & communication Tél Fax pnom@ville-crangevrier.fr 85 mn Helvetica black condensed 8 pt Mairie : 46, avenue de la république BP Cran-Gevrier cedex Tél Fax

24 D. LA PAPETERIE LES ÉLÉMENTS CONNEXES 5. EXEMPLES DE CARTE DE VISITE 55X85 MM Prénom Nom Conseiller municipal délégué Coopération internationale, Jumelages et sports Tél Fax Mairie : 46, avenue de la république BP Cran-Gevrier cedex Tél Fax Prénom Nom Responsable du service information & communication Tél Fax pnom@ville-crangevrier.fr Mairie : 46, avenue de la république BP Cran-Gevrier cedex Tél Fax Prénom Nom Espace économie emploi pnom@ville-crangevrier.fr Mairie : 46, avenue de la république BP Cran-Gevrier cedex Tél Fax

25 Les imprimés 25