guide des normes graphiques Directives d utilisation de la nouvelle identité

guide des normes graphiques Directives d utilisation de la nouvelle identité

Tous les logos et les polices de caractère sont disponibles en téléchargement sur notre site Web. Veuillez consulter le portail des employés de La Cité, sous l onglet «Logos, gabarits et lignes directrices». S il vous manque un élément ou si une situation particulière et non prévue dans ce guide se présente, n hésitez pas à communiquer avec avec les services de marketing stratégique.

Sommaire Mission...page 4 Vision...page 5 Actualisation de l identité...page 6 Nom légal...page 7 Éléments du logo...page 8 La couleur...page 9 Déclinaisons...pages 10 à 11 Fonds de couleur...page 12 Zone de protection...pages 13 à 14 Utilisations incorrectes du logo...page 15 Polices de caractère officielles et leurs utilisations...page 16 Principes généraux d utilisation de l identification visuelle...page 17 Utilisations affiliées...pages 18 à 20 Communications administratives Papeterie...page 21 PowerPoint...page 22 Signature de courriel...page 23 Communications administratives Publicité imprimée verticale...page 24 Communications administratives Publicité imprimée horizontale...page 25 Document (guide) des programmes...page 26 Signalisation...pages 27 à 29 Communications multimédias Signatures vidéo et audio...page 30 Site Web...page 31 Site Web d affaires...page 32 Médias sociaux...pages 33 à 34 Éléments visuels... page 35 Objets promotionnels...page 36 Habillement...page 37 Véhicules...page 38 PAGE 3

Mission Dans un milieu de vie francophone, La Cité forme une main-d œuvre compétente, engagée et créative, capable de contribuer au développement économique, social et culturel de l Ontario français et de la société. PAGE 4

Vision 2018 Leader francophone en éducation, La Cité est le collège de la réussite. Valeurs : excellence, audace, intégrité, confiance INNOVATION + COLLABORATION PERTINENCE + QUALITÉ PÉRENNITÉ + VITALITÉ RÉUSSITE ÉTUDIANTE PAGE 5

Actualisation de l identité À l aube du 25 e anniversaire de sa fondation, La Cité collégiale renouvelle son identité visuelle en optant pour un nouveau logo et une nouvelle signature. Afin de continuer à progresser, toute organisation performante choisit de se remettre en question à l occasion. C est exactement ce que nous avons fait en sollicitant l avis de divers experts, de nos employés et de nos étudiants. Le résultat est probant : une identité visuelle renouvelée qui contribuera à donner au Collège une image de marque jeune, dynamique et plus représentative. Dans le cadre de l implantation de VISION 2018, son nouveau plan quinquennal de développement, et comme indiqué dans l Axe 3 du plan d affaires 2013-2014 (Pérennité et vitalité), La Cité collégiale actualise donc son image de marque dans le contexte du nouveau plan stratégique et de la nouvelle finalité du modèle de gouvernance. Elle épure son logo en privilégiant tout simplement «LA CITÉ». Depuis toujours, en effet, ses étudiants, son personnel et ses partenaires ont recours à cette expression simple mais éloquente pour désigner La Cité. Désormais, une signature descriptive, elle aussi simple, accompagne le nouveau logo : «le collège d arts appliqués et de technologie». Cette image de marque a été spécialement conçue pour servir ses communications et représenter de façon cohérente l image d un établissement en constante évolution. Dans ce document, vous trouverez tout ce dont vous avez besoin pour l application de cette identité afin que la transition soit claire et sans équivoque. La présidente de La Cité Lise Bourgeois PAGE 6

Nom légal Selon la nouvelle image de marque du Collège, l établissement est connu publiquement comme «La Cité, le collège d arts appliqués et de technologie» ou «La Cité» tout court. Toutefois, le nom officiel du Collège reste «Collège d arts appliqués et de technologie La Cité collégiale». Dans tout document officiel (soit tout document à valeur légale liant et engageant la responsabilité du Collège, comme un contrat, une demande expresse d un organisme subventionnaire, etc.), c est ce nom qui doit être utilisé. PAGE 7

Éléments du logo Le logo se compose de trois éléments : le nom La Cité, le symbole graphique et la signature descriptive. Tant les formes que les couleurs inscrivent le Collège dans un univers qui met en relief sa personnalité. L agencement ne doit jamais être modifié. Le nom La Cité doit toujours être employé avec le symbole graphique. Pour certaines exécutions, le logo peut se passer de la signature descriptive. Par exemple, lorsque la grosseur du logo rend la signature quasi illisible. Pour les applications Web, quand il faut impérativement une icône, le symbole graphique peut exceptionnellement vivre seul. Le cercle illustre la forme du campus principal de La Cité. Les trois éléments graphiques symbolisent les trois campus. CARACTÈRE OFFICIEL : BEBAS NEUE REGULIER CARACTÈRE OFFICIEL : ROBOTO REGULIER Les deux blocs matérialisent le désir constant d aller de l avant. Signature descriptive PAGE 8

Éléments du logo La couleur La symbolique du vert est très puissante. Cette couleur signifie à la fois l espoir, l optimisme, la jeunesse, la sérénité, le bonheur, l harmonie et la réussite. Surtout, elle est intimement associée à l identité francophone de l Ontario. CARACTÈRE DU VERT Le vert imprime dans la personnalité une fonction d aide à autrui : c est la couleur préférée des professions du bien-être et de la santé. Les personnes qui aiment le vert aiment aussi aider les autres. Elles savent écouter avec calme; c est ce que l on attend des bons conseillers. VERT NATURE Le vert nous fait directement penser à la nature. Le cœur du campus principal est borné de verdure, c est l endroit où tous les rêves commencent. Le vert représente aussi l engagement VERT (écologique) et le développement durable. Il est grandement utilisé en branding dans le milieu des études postsecondaires. PANTONE 347 CMYK C100 Mo Y87 K3 RVB R0 G161 B94 WEB 00a15e PAGE 9

Éléments du logo Déclinaisons Application verticale en couleur du logo. Application verticale renversée en couleur du logo. Application verticale en noir et blanc du logo. Application verticale renversée en noir et blanc du logo. PAGE 10

Éléments du logo Déclinaisons Application horizontale en couleur du logo. Application horizontale en noir et blanc du logo. Application horizontale renversée du logo. Application Web Application Web, division CENTRE DE FORMATION CONTINUE ET EN LIGNE PAGE 11

Éléments du logo Fonds de couleur Le logo est un élément essentiel des communications publicitaires et à ce titre, il est important de toujours l employer de façon cohérente. Sur un fond clair, le logo peut être utilisé en couleur ou en noir et blanc. Sur un fond foncé, la version inversée doit impérativement être utilisée. Les couleurs du logo ne doivent pas être modifiées, et il ne faut jamais reproduire le logo en lignes contours. De plus, il ne faut également jamais apposer le logo sur un fond photo qui nuit à sa lisibilité. Une mauvaise utilisation du logo diminuerait son impact et risquerait d affecter l image de marque. Il devra donc toujours être utilisé en fonction des normes énoncées dans ce guide. Version couleur Teintes pâles Version noir et blanc Teintes pâles Version renversée Teintes foncées 40 % et plus Version couleur Noir 40 % et moins Version noir et blanc Noir 40 % et moins Version renversée Noir 40 % et plus PAGE 12

Éléments du logo Zone de protection (logo vertical) Pour accroître l impact visuel du logo, celui-ci doit toujours être entouré d un espace égal au diamètre du cercle vert. Cette mesure doit être respectée sur tous les côtés. L espace dit de «protection» doit être libre de tout élément typographique, graphique ou visuel. Le deuxième cercle sert de protection graphique (image, typographie, logo, éléments extérieurs, etc.). Le premier cercle est le minimum d espace requis autour du logo. 2 cercles en hauteur 2 cercles en largeur, plus 1 carré. 2 cercles en largeur à partir de la plus longue des bandes. Entre «La Cité» et la signature, un carré, et 1 /2 carré entre les deux lignes de la signature. 2 cercles en hauteur à partir de la base de la signature. ESPACE 1 CARRÉ ESPACE 2 CARRÉS ESPACE 1 CERCLE PAGE 13

Éléments du logo Zone de protection (logo horizontal) L espace entre les deux lignes est la moitié de la hauteur des lettres. Notre signature descriptive est à une distance d un cercle de la ligne verte de séparation, qui elle est à une distance d un cercle de la plus grande barre du logo. La ligne verte séparant le logo de la signature dépasse le logo d un carré en haut et d un carré en bas. La ligne verte séparant le logo de la signature dépasse le logo d un carré en haut et d un carré en bas. Dans certains types de communication, cette ligne verte peut devenir un élément graphique. Elle ne doit cependant jamais vivre dans la zone de protection, mais bien à l extérieur de celle-ci, et sa largeur doit être équivalente à l épaisseur de la lettre L du logo La Cité. Vous trouverez des exemples dans les annonces publicitaires et la carte professionnelle exposées dans ce présent guide. Notre signature est à une distance de 1 cercle de la ligne, qui elle est à une distance de 1 cercle de la plus grande barre du logo. La hauteur de la ligne verte séparant le logo de la signature est de 1 carré en haut et en bas du logo. ESPACE 1 CARRÉ ESPACE 2 CARRÉS ESPACE 1 CERCLE PAGE 14

Utilisations incorrectes du logo Les exemples ci-dessous illustrent les utilisations à éviter. Comme il est impossible de montrer toutes les utilisations incorrectes, il convient de faire preuve de discernement lorsqu une situation différente que les cas illustrés se présente. En cas de doute, communiquez avec les services de marketing stratégique de La Cité. PAGE 15

Polices de caractère officielles et leurs utilisations Les polices de caractère officielles de La Cité sont Roboto et Bebas. Grâce à leurs poids divers, ces polices répondent à tous les besoins typographiques des diverses pièces de communication. La police de la signature est une image au même titre que le logo lui-même. La signature doit donc être utilisée en tant qu image, et elle ne doit en aucun cas apparaître dans un caractère différent. Roboto light ou Arial regular Roboto regular ou Arial bold Roboto medium ou Arial black ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 123456789.,!@#$%?&*()/-=+ ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 123456789.,!@#$%?&*()/-=+ ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 123456789.,!@#$%?&*()/-=+ TITRE Bebas Neue SOUS-TITRE Roboto regular TEXTE Roboto regular Nous privilégions pour les sous-titres et les textes l utilisation de la police Roboto regular. Cependant, les polices Roboto light et medium existent et peuvent être employées au besoin. bebas neue OU IMPACT ABCDEFGHIJKLMNOPQRSTUVWXYZ 123456789.,!@#$%?&*()/-=+ PAGE 16

Principes généraux d utilisation de l identification visuelle Pour créer une identification visuelle forte et consolider la notoriété de La Cité, l utilisation du logo repose sur certains principes afin que toutes les pièces et les outils utilisés se conjuguent harmonieusement. Il faut utiliser le logo dans les cas suivants : Dans toutes les communications écrites et électroniques du Collège; Sur tous les affichages extérieurs; Dans toutes les publicités ou les publications imprimées telles que les programmes d études ou tout autre document ou objet promotionnel; Sur les en-têtes de lettre, les enveloppes et les cartes professionnelles. Aucune autre signature que celle développée dans ce présent guide ne doit être employée. Pour obtenir de plus amples renseignements, contactez les services de marketing stratégique de La Cité. La Cité campus d Ottawa services de marketing stratégique 801, promenade de l Aviation Pavillon C, pièce C2020 Ottawa (Ontario) K1K 4R3 Tél. : 613 742-2483 PAGE 17

Utilisation affiliée Secteurs Chaque secteur de La Cité a son propre logo. La structure est toujours identique et elle se compose ainsi : le nom du secteur sur une ou deux lignes tout à gauche, suivi d une ligne verte de séparation et le logo avec la signature descriptive. INSTITUT DES SCIENCES DE LA SANTÉ ET DE LA VIE INSTITUT DES SCIENCES DE LA SANTÉ ET DE LA VIE Le nom du secteur est toujours à gauche du logo, aligné à droite. Il est à 1 cercle de la barre de séparation. La barre de séparation est à 2 cercles et 1 carré du logo. Elle le dépasse de chaque extrémité de 1 carré. PAGE 18

Utilisation affiliée Secteurs (suite) Chaque secteur de La Cité a son propre logo. La structure est toujours identique et elle se compose ainsi : le nom du secteur sur une ou deux lignes tout à gauche, suivi d une ligne verte de séparation et le logo avec la signature descriptive. INSTITUT DES SERVICES D URGENCE ET JURIDIQUES INSTITUT DES SERVICES D URGENCE ET JURIDIQUES Le nom du secteur est toujours à gauche du logo, aligné à droite. Distance de 1 cercle de la barre verte. La barre verte est à une distance de 2 cercles et 1 carré du logo et de 1 carré en haut et en bas du logo. PAGE 19

Utilisation affiliée Fondation Chaque secteur de La Cité a son propre logo. La structure est toujours identique et elle se compose ainsi : le nom du secteur sur une ou deux lignes tout à gauche, suivi d une ligne verte de séparation et le logo avec la signature descriptive. FONDATION FONDATION RÉSEAU DES DIPLÔMÉS Le nom du secteur est toujours à gauche du logo, aligné à droite. Distance de 1 cercle de la barre verte. La barre verte est à une distance de 2 cercles et de 1 carré du logo et de 1 carré en haut et en bas du logo. PAGE 20

Communications administratives Papeterie 801, promenade de l Aviation Pavillon C, pièce C2020 Ottawa (Ontario) K1K 4R3 Tel: 613-742-2483 Tel: 1 800-267-2483 Bonjour, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis, augue nec euismod hendrerit, turpis odio mollis risus, in accumsan mauris tortor in mauris. Sed dapibus aliquam risus. Proin varius, ante vel posuere sagittis, magna leo rhoncus tortor, quis pulvinar ligula velit vel dui. Sed at velit non risus porta porta. Integer ac eros quis sapien scelerisque vulputate. Maecenas molestie sagittis nibh, in sagittis ligula iaculis malesuada. Cras vestibulum velit sed condimentum sodales. Nullam vehicula nisi eget ligula cursus rutrum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin consequat placerat justo. Nullam id purus mi. Sed fermentum diam quis diam feugiat, sit amet venenatis urna scelerisque. Integer tincidunt est at metus scelerisque auctor. Etiam sed suscipit sem. Curabitur ligula eros, interdum ut purus aliquet, pellentesque mattis mi. Vivamus aliquam lacus varius, luctus magna eu, sollicitudin massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut molestie aliquet tempus. Email: lmccar@lacitec.on.ca www.lacitecollegiale.com Tel: 613-742-2483 ext. 2403 Tel: 1 800-267-2483 ext. 2403 Fax: 613-742-2487 801, promenade de l Aviation 801, Aviation Parkway Pavillon C, pièce C2020 C Building, room C2020 Ottawa (Ontario) K1K 4R3 carte d affaire Lynn-Marie McCarthy Gestionnaire du recrutement Recrutement et développement des marchés Enrolment Manager Recruitment and Market Development Etiam pulvinar sit amet mi sit amet rhoncus. Vestibulum hendrerit vitae dui a vestibulum. Nullam at dictum elit. Duis vestibulum bibendum facilisis. Etiam elit orci, suscipit ut eros et, dictum malesuada sem. Donec viverra ultrices mauris. Vivamus eget sagittis leo. Ut nec lectus ac lorem ultricies tristique. Sed in est felis. Nunc quis tellus id turpis dignissim euismod sit amet sit amet tellus. 801, promenade de l Aviation Pavillon C, pièce C2020 Ottawa (Ontario) K1K 4R3 Integer tincidunt diam sapien, id suscipit leo bibendum fringilla. Suspendisse potenti. In congue convallis ligula, id tempus lacus dignissim non. Nullam fermentum posuere erat, bibendum pretium enim facilisis a. Morbi id velit eu odio blandit consectetur id rutrum elit. Aliquam et cursus urna. Quisque porttitor consequat dolor. Aliquam erat volutpat. Nunc ultricies eleifend lorem. Praesent turpis sem, condimentum vitae mi at, viverra pulvinar diam. Mauris pretium volutpat elit, in vulputate lectus mattis a. Sed vestibulum magna at sodales ultrices. Mauris malesuada vitae ante lacinia euismod. Suspendisse pulvinar orci ac nulla pharetra ornare. Nulla vel massa nec lorem dignissim tincidunt id et ligula. enveloppe lettre PAGE 21

Communications administratives PowerPoint couverture intérieur Utilisation de l icône en trame de fond 10 % vert 100 % SOUS-TITRE Roboto reg. ou Arial bold TITRE Bebas Neue ou Impact TEXTE Roboto reg. ou Arial bold TITRE Bebas Neue ou Impact PAGE 22

Communications administratives Signature de courriel Arial black, vert (voir page 8), 13 pts / 18 pts Arial bold, noir 100 %, 13 pts / 18 pts Arial bold, noir 85 %, 12 pts / 18 pts logo horizontal PAGE 23

Communications administratives Publicité imprimée verticale Dans cette deuxième version, le logo est également placé en bas à droite. Cependant, les graphistes professionnels chargés de la création publicitaire pourront utiliser leur bon jugement s ils jugent nécessaire de le placer ailleurs. TITRE ICI EN BEBAS NEUE SOUS-TITRE ICI EN ROBOTO REGULAR TEXTE OU ADRESSE EN ROBOTO REGULAR PAGE 24

Communications administratives Publicité imprimée horizontale Afin de maintenir une homogénéité dans les communications et d assurer une mise en valeur de notre identification visuelle, nous vous proposons deux exemples de mise de page. Dans cette première version horizontale, le logo est placé en bas à droite. Cependant, les graphistes professionnels chargés de la création publicitaire pourront utiliser leur bon jugement s ils jugent nécessaire de le placer ailleurs. TITRE ICI EN BEBAS NEUE SOUS-TITRE ICI EN ROBOTO REGULAR TEXTE OU ADRESSE EN ROBOTO REGULAR PAGE 25

Document (guide) des programmes GUIDE DES PROGRAMMES position en attente du document GUIDE DES PROGRAMMES PAGE 26

Signalisation Horizontale Pour les explications sur la zone de protection, veuillez vous référer à la page 13. Signalisation promenade de l Aviation 801 PROMENADE DE L AVIATION / AVIATION PARKWAY Signalisation chemin North Service CAMPUS ALPHONSE-DESJARDINS 8865 CHEMIN NORTH SERVICE ROAD PAGE 27

Signalisation Horizontale (suite) Signalisation Résidence de La Cité RÉSIDENCE 400 RUE DEN HAAG STREET Signalisation rue Bathgate Nord ACCUEIL VISITEURS RÉSIDENCE accès restreint : RÉCEPTION ET EXPÉDITION STATIONNEMENT PERMIS BLEU PAGE 28

Signalisation Verticale LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM PAGE 29

Communications multimédias Signature vidéo et audio Toutes les signatures audio et vidéo doivent être : LA CITÉ,. PAGE 30

Communications multimédias Site Web PAGE 31

Communications multimédias Site Web d affaire Elle a pour mandat d offrir aux entreprises, aux gouvernements et aux particuliers toute une gamme de formations et de services en français et en anglais, dont elle fait l adaptation et la présentation en fonction des besoins de chacun. PAGE 32

Communications multimédias Médias sociaux FACEBOOK visuel de campagne INSTAGRAM PAGE 33

Communications multimédias Médias sociaux (suite) TWITTER visuel de campagne PINTEREST PAGE 34

Éléments visuels Le matériel promotionnel présente souvent des cas exceptionnels quant à l utilisation de la signature. À l occasion, cette dernière peut être séparée du logo. Il est alors important d utiliser la signature issue du logo, considérée comme une image, et non de la recréer. PAGE 35

Éléments visuels Objets promotionnels ÉCOLE D ADMINISTRATION, D HÔTELLERIE ET DE TOURISME PAGE 36

Éléments visuels Habillement Le logo peut être apposé sur divers supports vestimentaires. Il peut par exemple vivre sur un t-shirt, un chandail, un pantalon, une casquette, un tablier ou tout autre habillement pertinent. En cas de besoin, la signature peut être exceptionnellement séparée du logo. Cependant, il est toujours essentiel d utiliser la signature issue du logo, considérée comme une image, et non de la recréer à l aide d une typographie. INSTITUT DES MÉTIERS SPÉCIALISÉS INSTITUT DES MÉTIERS SPÉCIALISÉS INSTITUT DES MÉTIERS SPÉCIALISÉS PAGE 37

Éléments visuels Véhicules PAGE 38