L image de marque et les constantes graphiques Novembre 2012

Transcription

1 L image de marque et les constantes graphiques Novembre 2012

2 L importance de ce guide C est avec fierté que Société en commandite Stationnement de Montréal vous présente ce guide des normes graphiques de l image de marque de P$ Service mobile, un nouveau service qui met en lumière le dynamisme de notre Société. Le logo qui a été développé en permet l identification immédiate, quelle qu en soit la déclinaison (sur support électronique ou papier, ou encore sur nos équipements). Nous vous invitons à participer à la notoriété de P$ Service mobile en vous assurant que l image de marque soit en tout temps utilisée de manière adéquate. Le respect des normes d utilisation et l uniformité sont le gage d une crédibilité accrue et reconnue. Pour plus d information, veuillez communiquer avec : Sophie Charette, directrice adjointe Communications ou scharette@statdemtl.qc.ca 2. L image de marque et les constantes graphiques Octobre 2012

3 La promesse de marque C est en quelque sorte le bénéfice objectif ou subjectif suggéré aux utilisateurs du service par l ensemble des images et des messages qui seront véhiculés. Une représentation visuelle simple qui se décode facilement tout en affirmant le sérieux du service traduit bien cette promesse. C est pourquoi nous devons assurer que les images et les messages utilisés sont compréhensibles. Faciliter le paiement d une place de stationnement en offrant une application mobile accessible, fonctionnelle et conviviale. 3. L image de marque et les constantes graphiques Octobre 2012

4 L architecture de la marque L architecture de la marque P$ Service mobile comprend deux logos et un bloc signature. La combinaison des éléments graphique (symbole) et descriptif (dénomination avec ou sans endossement) compose l identification visuelle. Le bloc signature doit en tout temps accompagner le logotype. Chacun de ces éléments a une fonction et une utilisation précises (voir page suivante) Stationnement de Montréal Tous droits réservés Propulsé par TC.Media 2012 Stationnement de Montréal All rights reserved Powered by TC.Media Logo (symbole et dénomination) Logo avec endossement (symbole, dénomination et endossement) Bloc signature 4. L image de marque et les constantes graphiques Octobre 2012

5 L utilisation de la marque Les composants des logos (avec ou sans endossement) sont indivisibles. Le symbole (pastille avec le P$) doit toujours être employé avec la dénomination. Le rapport de taille et de positionnement entre le symbole, la dénomination et l endossement sont immuables. Le logo avec endossement Il est employé en ouverture d application suivi des logos sans endossement et lorsque le support ne porte pas le logo «Stationnement de Montréal». Le logo sans endossement Il est utilisé sur un support qui porte le logo «Stationnement de Montréal» (site Internet, dépliant, etc.) ou après l utilisation le logo avec endossement Stationnement de Montréal Tous droits réservés Propulsé par TC.Media 2012 Stationnement de Montréal All rights reserved Powered by TC.Media Le bloc signature Utilisé en «pied de page», il est situé au bas de la page d accueil de l application ou au bas d une annonce, affiche ou autre. En règle générale, le bloc signature n apparaît qu une seule fois. P$ Service mobile P$ Mobile service La dénomination dans un texte Lorsqu elle est utilisée dans un texte suivi, l appellation P$ Service mobile doit toujours être composée de majuscules et de minuscules et être en italique (comme illustré). Le corps et la taille du caractère typographique ne doivent pas différer de ceux du texte qui la précède et la suit. 5. L image de marque et les constantes graphiques Octobre 2012

6 Les différentes versions Des versions verticale et horizontale ont été développées afin de faciliter l utilisation du logo. La proportion des composants du logo (symbole et dénomination) de la version horizontale est différente afin de s assurer que la dénomination, et particulièrement l endossement, soient toujours lisibles dans des utilisations où l espace en hauteur est restreint. Logo horizontal Logo horizontal avec endossement Logo vertical Logo vertical avec endossement 6. L image de marque et les constantes graphiques Octobre 2012

7 Les couleurs de la marque Les couleurs de l image de marque sont inaltérables. Elles permettent l identification immédiate du service. De plus, l utilisation de ces couleurs officielles vient renforcer la notoriété cognitive de cet environnement transactionnel. 3 4 Recettes CMJN (CMYK) Recettes RVB (RGB) 1. Bleu cyan C100-M0-J0-N0 R0-V174-B239 2.Noir C0-M0-J0-N100 R0-V0-B Gris très foncé C0-M0-J0-N90 R25-V25-B25 4.Gris foncé C0-M0-J0-N70 R76-V76-B76 5.Gris clair C0-M0-J0-N30 R178-V178-B178 6.Gris très clair C0-M0-J0-N5 R242-V242-B242 7.Blanc C0-M0-J0-N0 R255-V255-B L image de marque et les constantes graphiques Octobre 2012

8 L utilisation de la couleur L utilisation d une palette de couleurs pour les fonds, de gris pâle à gris foncé, permet de mettre en évidence le bleu du logo P$ Service mobile. Le bleu cyan doit être utilisé avec parcimonie afin que le logo conserve tout son impact au premier coup d œil. En noir et blanc, le logo est toujours utilisé sur un fond blanc (couleur du papier) L image de marque et les constantes graphiques Octobre 2012

9 L utilisation sur fond de couleur L utilisation d une zone blanche est nécessaire si le logo est placé sur un fond de couleur qui diffère de sa palette habituelle afin de l isoler des couleurs ou des éléments qui pourraient nuire à sa lisibilité ou à sa reproduction. Le format de la zone blanche est déterminé par la même règle que celle de la zone de neutralité (page 10). 9. L image de marque et les constantes graphiques Octobre 2012

10 La zone de neutralité Pour que la marque soit clairement visible, une zone minimale de neutralité ou «espace libre» doit être conservée tout autour du logo, et ce, peu importe le support. La lettre «M» de la dénomination sociale est utilisée comme élément de mesure afin d établir la zone de neutralité. Il faut donc préserver un espace libre correspondant au minimum à 1½ fois la dimension du «M». 10. L image de marque et les constantes graphiques Octobre 2012

11 La typographie La typographie est un élément important dans la diffusion d une image de marque uniforme et distinctive. Afin d assurer l uniformisation des différentes pièces ou documents, il est recommandé d utiliser la police typographique officielle d accompagnement du logo. La police UNIVERS est la police utilisée dans l ensemble des informations et instructions que l ont retrouve sur le mobilier (bornes et panonceaux) de Stationnement de Montréal. Univers 45 Light abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz Univers 57 Roman abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz Univers 65 Bold abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz L image de marque et les constantes graphiques Octobre 2012

12 Les applications de la marque téléphones intelligents Afin d assurer la bonne reconnaissance de la marque, nous conseillons d exploiter au maximum la palette de couleurs du logo pour les différentes applications numériques. Les fonds foncés permettent de mettre en évidence le bleu du logo P$ Sevice mobile et de faire un rappel avec la borne de paiement et le panonceau. La «texture grise» doit être utilisée comme couleur de fond pour les pages d accueil des différentes applications (téléphone et web). Montréal Noir 100 % (R0-V0-B0) Fichier «TextureP.jpg» Noir 60 % (R128-V128-B128) Noir 4 % (R244-V244-B244) Noir 80 % (R88-V89-B91) Déconnexion Profil Modifier Historique Autre Identifiant Mot de passe S inscrire ServiceMobile Stationnement de Montréal Entrer Mot de passe oublié? Qu est-ce que P$ Service Mobile? Simon Champlain Données du compte Courriel schamplain@ .com No de cellulaire (555) Alertes de fin de stationnement Langue Français Par texto* Non Par courriel Oui Conditions d utilisation Contact Politique de vie privée FAQ Dégradé noir 20 % (R209-V211-B212) à noir 4 % (R244-V244-B244) Noir 80 % (R88-V89-B91) Noir 4 % (R244-V244-B244) *Les frais standards s appliquent. Propulsé par Blanc (R255-V255-B255) Noir 100 % (R0-V0-B0) Fond blanc et contour noir 40 % (R167-V169-B172) 12. L image de marque et les constantes graphiques Octobre 2012

13 Les applications de la marque web mobile Noir 20 % (R209-V211-B212) Noir 20 % (R209-V211-B212) Noir 80 % (R88-V89-B91) S inscrire Stationnement de Montréal ServiceMobile Stationnement de Montréal Qu est-ce que P$ Service Mobile? S inscrire en 3 étapes faciles Ouvrir une session Google Profil Données du compte Prénom : Simon Nom : Champlain N de cellulaire : Courriel : schamplain@ .com Langue : Français Historique Accueil Stationnement de Montréal Payer une place Historique Google ServiceMobile Stationnement de Montréal Dégradé noir 30 % (R188-V189-B192) à noir 20 % (R209-V210-B212) Cyan 100 % (R0-V174-B239) Dégradé noir 20 % (R209-V211-B212) à noir 4 % (R244-V244-B244) Courriel ou N de cellulaire Modifier Profil Mot de passe Fermer la session Blanc (R255-V255-B255) Noir 4 % (R244-V244-B244) Noir 4 % (R244-V244-B244) 13. L image de marque et les constantes graphiques Octobre 2012

14 Les applications de la marque web Blanc (R255-V255-B255) Noir 80 % (R88-V89-B91) Noir 95 % (R50-V47-B49) Noir 80 % (R88-V89-B91) Noir 60 % (R128-V128-B128) Noir 100 % (R0-V0-B0) Noir 100 % (R0-V0-B0) Fichier «TextureP.jpg» Dégradé noir 20 % (R209-V211-B212) à noir 4 % (R244-V244-B244) Noir 60 % (R128-V128-B128) Cyan 100 % (R0-V174-B239) 14. L image de marque et les constantes graphiques Octobre 2012

15 Les utilisations incorrectes Toute modification à l image de marque et à ses composants, aussi bien au niveau des couleurs que des proportions, est interdite. Voici quelques exemples non exhaustifs de modifications à proscrire. Composition modifiée Proportion modifiée Symbole seul Dénomination et endossement seuls Dénomination seule Mobile Couleurs modifiées Typographie modifiée Ajout d un élément graphique Déformation Utilisation de la couleur et zone de neutralité 15. L image de marque et les constantes graphiques Octobre 2012