Î Édition fÉvrier 2016 charte graphique de la ville de wingles · lors de la réalisation de...

24
Charte graphique de la Ville de Wingles Î ÉDITION FÉVRIER 2016

Upload: others

Post on 22-Sep-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

Charte graphiquede la Ville de Wingles

Î Édition FÉvrier 2016

Page 2: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

Introduction

Page 3: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

Introduction

Î Une noUvelle identitÉ visUelle poUr la ville de Wingles

Ce document présente toutes les caractéristiques de la charte graphique de la Ville de Wingles. Le nouveau logo, créé par le service Communication de la mairie, répond à un double objectif : s’ouvrir vers l’extérieur en montrant les atouts de la commune et s’inscrire dans le renouveau du bassin minier depuis son classement au patrimoine mondial de l’UNESCO. Wingles est avant tout une cité aux espaces naturels importants : forêts et marais accueillent une faune et une flore sauvage riches. Cet environnement protégé est propice aux loisirs et au bien-être de la population. La Ville propose également de nombreux services attirant chaque année de nouvelles familles (Centre multi-accueil, Centre d’Animation de Jeunes, Passeport loisirs etc.). Wingles cultive ainsi son attractivité. Par ailleurs, elle profite du rayonnement du bassin minier classé en 2013 au patrimoine mondial de l’UNESCO. La Ville souhaite ainsi se découvrir et montrer son histoire, sa culture et son architecture atypique.

Î Un logo collaboratiF

Wingles offre un nouveau visage graphique, socle d’une communication visuelle moderne. Ce logo est le fruit d’une réflexion commune entre les habitants, les agents municipaux et les élus. En effet, un questionnaire a permis de dégager les points forts de la Ville. Les Winglois ont ainsi exprimé leur attachement pour les espaces verts et la base nautique. Ces éléments se retrouvent dans les couleurs bleue et verte. Il s’agit par ailleurs des couleurs plébiscitées par les personnes interrogées. D’autre part, une large partie des sondés ont aussi souhaité conserver un lien avec le passé minier. La lettre W en gris anthracite est un élément graphique qui rappelle en premier lieu le nom de la commune mais représente aussi un clin d’œil aux terrils. Le nouveau logo définit notre territoire naturel.   

Î Une charte graphiqUe poUr UniFier et proFessionnaliser son image

Ce document réunit toutes les règles d’utilisation de l’identité graphique de la Ville. Il s’agit, en effet, d’unifier l’image de la mairie à travers des supports de communication homogènes et cohérents. Ce document, mis en ligne sur le nouveau site internet Wingles.fr, doit permettre la bonne utilisation par tous les intervenants de la chaîne de production (services internes, prestataires extérieurs, associations, partenaires institutionnels). Le logo est déposé à l’Institut National de la Protection Intellectuelle et son utilisation est réservée à un usage non commercial (promotion des actions municipales, documents internes de la collectivité et manifestations dont la ville est partenaire). Il requiert la stricte application des règles détaillées dans la charte graphique. La Ville remercie les associations wingloises, partenaires institutionnels ou entreprises mandatées par la Ville de bien vouloir formuler une demande d’utilisation du logo sur un support auprès du service Communication par mail : [email protected] ou par courrier postal à Mairie de Wingles - Service Communication - 26 rue Jules Guesde – 62410 Wingles.

Page 4: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

Le logo

Page 5: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

Le Logo

Usage de référenceLe logo existe en deux versions principales : une verticale et une horizontale. Elles peuvent être utilisées suivant les contraintes de mise en page.Taille minimalePour garantir sa lisibilité, le logo ne peut pas être utilisé en dessous de sa taille minimale : 14mm pour la version verticale et 7 mm pour la version horizontale.

Î versions de rÉFÉrence en coUleUr

14mm

7mm

Page 6: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

Zone de proTecTionLa zone de protection autour du logotype est destinée à protéger sa visibilité et sa lisibilité. Cette zone est égale à la hauteur de la lettre «E» du mot Wingles. Aucun élément graphique (logo, titre, objet, écriture, etc.) ne doit apparaître dans cette zone.

Î Zone de protectionLe Logo

Page 7: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

Î Zone de protection Le Logo Î coUleUrs

Pantone P179 14UCMJN C0 M0 J0 N89RVB R63 V63 B62HTML #3F3E3E

Pantone P112 6UCMJN C77 M14 J0 N0RVB R0 V164 B224HTML #00A4DF

Pantone P157 8UCMJN C48 M0 J100 N0RVB R154 V195 B28HTML #9AC21B

coUleUrsLa composition des couleurs doit impérativement suivre les valeurs reprises ci-dessus, selon l’espace de couleurs utilisé.

Page 8: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

Le Logo Î noir et blanc

Noir 89%

Noir 100%

Noir 59% Noir 29%

ToléranceLa version du logo en niveau de gris ne doit être utilisée que dans certain cas, quand l’utilisation du logo en couleur est impossible pour des contraintes techniques d’impression (formulaire, dossier photocopié...). Quand la technique d’impression ne permet pas le niveau de gris, la version en aplat noir 100% est à utiliser (cachets, fax, sablage, gravure...).

Page 9: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

Le Logo Î les interdits

Le logotype ne peut être déformé d’aucune manière. Il est impératif de respecter les règles d’application du logotype et de proscrire les altérations de couleurs et de formes du symbole et de la typographie.

Ne pas modifier les couleurs.

Ne pas supprimer le symbole. Ne pas modifier la proportion entre le symbole et la typographie.

Ne pas ajouter des blocs sur le logotype.

Ne pas ajouter du texte sur le logotype.

Ne pas dissocier le symbole de la typographie.

Ne pas incliner le logotype.

Ne pas modifier ou remplacer la typographie.

Ne pas modifier les proportions.

Complexe Sportif

Page 10: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

Le Logo Î Utilisation sUr Fond colorÉ

Le logo peut se placer sur une photo à la condition qu’il reste tout à fait lisible et visible (fond uni et clair). Dans le cas contraire, un encadré est apposé en respectant la zone de protection.

Page 11: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

La typographie

Page 12: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

LA Typographie Î typographie principale

QUICkSAND BOLD :

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890ROBOTO REGULAR :

ABCDEFGHIJkLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Page 13: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

LA Typographie Î typographies secondaires et de remplacement

Typographies secondaires

BEBAS NEUE BOLD :ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

ELIGIBLE REGULAR :ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

ROBOTO LIGHT:ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

ROBOTO MEDIUM :ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

ROBOTO BOLD :ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

ROBOTO BLACk :ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Typographie de remplacemenT

ARIAL REGULAR :ABCDefGHiJKlmNopQrStUVWxYZabcdefghijklmnopqrstuvwxyz1234567890

ARIAL BOLD :ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Pour les accroches, les titrages, la signalétique, les services, nous proposons les polices «Bebas Neue», «Eligible» et «Roboto» dans leurs différentes versions d’épaisseur.Pour le texte courant du courrier administratif, la police «Arial» est préconisé. Elle propose deux versions de caractères d’épaisseur différentes, chacun avec une variante italique. Elle est bien lisible et disponible sur tous les ordinateurs.

Î typographie principale

Page 14: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

La papeterie

Page 15: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

LA papeterie Î papier à lettre / constrUction

Toute correspondance doit être adressée à Madame le Maire.Hôtel de Ville | 26 rue Jules Guesde | BP 60065 | 62410 WinglesTél : 03 21 08 69 00 | Fax : 03 21 08 69 01 | E-mail : [email protected]

10mm

10mm

10mm

Repères de pliage

10m

m

10m

m

45mm

Bloc adresse> Typographie : Roboto Light> Corps : 8pt - Interligne : 9.6pt> Couleur : Gris du logo (CMJN : C0 M0 J0 N89)

Page 16: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

20m

m

20m

m

LA papeterie Î papier à lettre / Zone de texte

Toute correspondance doit être adressée à Madame le Maire.Hôtel de Ville | 26 rue Jules Guesde | BP 60065 | 62410 WinglesTél : 03 21 08 69 00 | Fax : 03 21 08 69 01 | E-mail : [email protected]

Référence : <RÉFÉRENCE>

Objet : <OBJET>

Madame, Monsieur,

Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et

Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit.

Nec vox accusatoris ulla licet subditicii in his malorum quaerebatur acervis ut saltem specie tenus crimina

praescriptis legum committerentur, quod aliquotiens fecere principes saevi: sed quicquid Caesaris

implacabilitati sedisset, id velut fas iusque perpensum confestim urgebatur impleri.

Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, neque haec

dicendi ratio aut disciplina, ne nos quidem huic uni studio penitus umquam dediti fuimus. Etenim omnes

artes, quae ad humanitatem pertinent, habent quoddam commune vinculum, et quasi cognatione quadam

inter se continentur.

Quanta autem vis amicitiae sit, ex hoc intellegi maxime potest, quod ex infinita societate generis humani,

quam conciliavit ipsa natura, ita contracta res est et adducta in angustum ut omnis caritas aut inter duos aut

inter paucos iungeretur.

<NOM DE L’ÉLU>,<Fonction de l'élu>

<NOM DESTINATAIRE>

<ADRESSE DESTINATAIRE>

Wingles, le <DATE>

<NOM DU SERVICE>

<ADRESSE DU SERVICE>62410 WinglesTél : <TÉLÉPHONE DU SERVICE>E-mail : <EMAIL DU SERVICE>

52mm

30mm

30mm

Zone de TexTe> Typographie Nom et Adresse du service Expéditeur : Roboto> Corps Nom et Adresse du service Expéditeur : 10pt - Interligne : 20pt (0.71cm)

> Typographie Zone de texte : Arial> Corps Zone de texte : 10pt - Interligne : 20pt (0.71cm)

Page 17: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

LA papeterie Î enveloppe

Hôtel de Ville26 rue Jules GuesdeBP 60065 | 62410 Wingleswww.wingles.fr

10m

m

10mm

Bloc adresse> Typographie : Roboto Light> Corps : 8pt - Interligne : 9.6pt> Couleur : Gris du logo (CMJN : C0 M0 J0 N89)

Page 18: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

Î carte de visite

Hôtel de Ville | 26 rue Jules GuesdeBP 60065 | 62410 Wingles

www.wingles.fr

Maryse LoupMaire de Wingles

Vice-Présidente de la Communauté d’agglomération Lens-Liévin

03 21 08 69 00 

[email protected]

5mm

5mm

5mm 5mm

5mm 5mm

5mm

5mm

recTo> Typographie : Roboto Light> Corps : 8pt - Interligne : 9.6pt> Couleur : Gris du logo (CMJN : C0 M0 J0 N89)

Verso> Typographie Nom : Bebas Neue> Corps Nom : 16pt - Interligne : 19.2pt

> Typographie Fonction : Roboto Light Italic> Corps Fonction : 8pt - Interligne : 9.6pt

> Typographie Contact : Roboto Medium> Corps Contact : 9pt - Interligne : 10.8pt

LA papeterie

Page 19: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

LA papeterie Î carte de visite Î carte de correspondance

Hôtel de Ville | 26 rue Jules Guesde | BP 60065 | 62410 Wingles03 21 08 69 00 | [email protected]

Maryse LOUPVice-Présidente de la Communauté d’agglomération Lens-Liévin

Maire de Wingles

5mm

5mm

5mm

5mm

> Typographie Nom : Bebas Neue> Corps Nom : 16pt - Interligne : 19.2pt

> Typographie Fonction : Roboto Light Italic> Corps Fonction : 8pt - Interligne : 9.6pt

> Typographie Contact : Roboto Light> Corps Contact : 8pt - Interligne : 9.6pt> Couleur Contact : Gris du logo (CMJN : C0 M0 J0 N89)

Page 20: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

LA papeterie Î signatUre mail

logo signaTUre mailLe logo doit avoir une taille de 140x100 pixel

TexTe signaTUre mailTout le texte doit être en fer à gauche, en drapeau et rester aligné à droite du logo.> Nom : R0 V0 B0 - Corps 13px bold> Fonction : R63 V63 B62> Mail : R0 V164 B224

> Bloc Adresse : R63 V63 B62 - Corps 11px

Page 21: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

Les imprimés

Page 22: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé. La largeur du logo devra faire à peu près 1/5 de la largeur pour les documents verticaux et 1/5 de la hauteur pour les documents horizontaux.

Les imprimés5m

m10

mm

14m

m7m

m

5mm

10mm14mm

7mm

Format A6> Largeur minimale du logo : 21mm> Marges minimales : 5mm

Format A4> Largeur minimale du logo : 42mm> Marges minimales : 10mm

Format A5> Largeur minimale du logo : 29.7mm> Marges minimales : 7mm

Format A3> Largeur minimale du logo : 59.4mm> Marges minimales : 14mm

Î emplacement dU logo

Page 23: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé
Page 24: Î Édition FÉvrier 2016 Charte graphique de la Ville de Wingles · Lors de la réalisation de dépliants, brochures, etc., le logo aura une taille proportionnelle au format utilisé

© Ville de Wingles 2016. Conception : Service Communication de la Ville

ContactService communication de la Ville de Wingles26 rue Jules Guesde BP 60065 | 62410 Wingles

03 21 08 69 [email protected]