guide des normes graphiques Directives d’utilisation de la … · 2014-04-01 · séparant le logo de la signature est de 1 carré en haut et en bas du logo. L’espace entre les

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.

PAGE 3

Sommaire

Mission ..........................................................................................................................................................................page 4Vision .............................................................................................................................................................................page 5Actualisation de l’identité .............................................................................................................................................page 6Nom légal .......................................................................................................................................................................page 7Éléments du logo ...........................................................................................................................................................page 8

La couleur ..................................................................................................................................................................page 9Déclinaisons ..............................................................................................................................................................pages 10 à 11Fonds de couleur .......................................................................................................................................................page 12Zone de protection ....................................................................................................................................................pages 13 à 14Utilisations incorrectes du logo ................................................................................................................................page 15

Polices de caractère officielles et leurs utilisations ....................................................................................................page 16Principes généraux d’utilisation de l’identification visuelle .......................................................................................page 17Utilisations affiliées ......................................................................................................................................................pages 18 à 20Communications administratives

Papeterie ...................................................................................................................................................................page 21PowerPoint .................................................................................................................................................................page 22 Signature de courriel .................................................................................................................................................page 23Communications administratives – Publicité imprimée verticale ..........................................................................page 24Communications administratives – Publicité imprimée horizontale .....................................................................page 25Document (guide) des programmes .........................................................................................................................page 26Signalisation ..............................................................................................................................................................pages 27 à 29

Communications multimédiasSignatures vidéo et audio ..........................................................................................................................................page 30Site Web ......................................................................................................................................................................page 31Site Web d’affaires .....................................................................................................................................................page 32Médias sociaux ..........................................................................................................................................................pages 33 à 34

Éléments visuels .................................................................................................................................................... page 35Objets promotionnels ................................................................................................................................................page 36Habillement ................................................................................................................................................................page 37Véhicules ....................................................................................................................................................................page 38

Mission

PAGE 4

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é.

Vision 2018

PAGE 5

Leader francophone en éducation, La Cité est le collège de la réussite.Valeurs : excellence, audace, intégrité, confiance

INNOVATION + COLLABORATION

RÉUSSITEÉTUDIANTE

PERTINENCE + QUALITÉ

PÉRENNITÉ+ VITALITÉ

PAGE 6

Actualisation de l’identité

À l’aube du 25e 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 7

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 8

Éléments du logo

CARACTÈRE OFFICIEL : ROBOTO REGULIER

Le cercle illustre la forme du campus principal de La Cité.

Les trois éléments graphiques symbolisent les trois campus.

Les deux blocs matérialisent le désir constant d’aller de l’avant.

Signature descriptive

CARACTÈRE OFFICIEL : BEBAS NEUE REGULIER

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.

PAGE 9

É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 VERTLe 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 NATURELe 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

CMYKC100 Mo Y87 K3

RVBR0 G161 B94

WEB00a15e

PAGE 10

Éléments du logo – Déclinaisons

Application verticale en couleur du logo.

Application verticale en noir et blanc du logo.

Application verticale renversée en couleur du logo.

Application verticale renversée en noir et blanc du logo.

Éléments du logo – Déclinaisons

PAGE 11

Application horizontale en couleur du logo.

Application horizontale en noir et blanc du logo.

Application horizontale renversée du logo.

Application Web

CENTRE DEFORMATIONCONTINUE ETEN LIGNE

Application Web, division

Éléments du logo – Fonds de couleur

PAGE 12

LE COLLÈGE D’ARTS APPLIQUÉSET DE TECHNOLOGIE






Version couleur Noir 40 % et moins

Version couleur Teintes pâles

Version noir et blanc Noir 40 % et moins

Version noir et blanc Teintes pâles

Version renversée Noir 40 % et plus

Version renversée Teintes foncées 40 % et plus

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.

PAGE 13

Éléments du logo – Zone de protection (logo vertical)

2 cercles en largeur à partirde la plus longue des bandes.

2 cercles en hauteurà partir de la base de la signature.

2 cercles en largeur, plus 1 carré.

2 cercles en hauteur

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.

ESPACE 1 CARRÉ

ESPACE 2 CARRÉS

ESPACE 1 CERCLE

Le premier cercle est le minimum d’espace requis autour du logo.

Le deuxième cercle sert de protection graphique(image, typographie, logo, éléments extérieurs, etc.).

Entre « La Cité » et la signature, un carré, et 1/2 carré entre les deux lignes de la signature.

PAGE 14

Éléments du logo – Zone de protection (logo horizontal)

Notre signature est à une distance de 1 cercle de la ligne, qui elle est à unedistance 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.

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.

ESPACE 1 CARRÉ

ESPACE 2 CARRÉS

ESPACE 1 CERCLE

Utilisations incorrectes du logo

PAGE 15










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 16

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 ABCDEFGHIJKLMNOPQRSTUVWXYZou Arial regular abcdefghijklmnopqrstuvwxyz 123456789.,!@#$%?&*()/-=+

Roboto regular ABCDEFGHIJKLMNOPQRSTUVWXYZou Arial bold abcdefghijklmnopqrstuvwxyz 123456789.,!@#$%?&*()/-=+

Roboto medium ABCDEFGHIJKLMNOPQRSTUVWXYZou Arial black abcdefghijklmnopqrstuvwxyz 123456789.,!@#$%?&*()/-=+

bebas neue ABCDEFGHIJKLMNOPQRSTUVWXYZOU IMPACT 123456789.,!@#$%?&*()/-=+

TITREBebas Neue

SOUS-TITRERoboto regular

TEXTERoboto 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.

Principes généraux d’utilisation de l’identification visuelle

PAGE 17

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’Ottawaservices de marketing stratégique801, promenade de l’AviationPavillon C, pièce C2020Ottawa (Ontario) K1K 4R3Tél. : 613 742-2483

PAGE 18

Utilisation affiliée – Secteurs

La barre de séparation est à 2 cercles et 1 carré du logo. Elle le dépasse de chaque extrémité de 1 carré.

Le nom du secteur est toujours à gauche du logo,aligné à droite. Il est à 1 cercle de la barre de séparation.

INSTITUT DES SCIENCESDE LA SANTÉ ET DE LA VIE

INSTITUT DES SCIENCESDE LA SANTÉ ET DE LA VIE

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.

PAGE 19

Utilisation affiliée – Secteurs (suite)

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.

Le nom du secteur est toujours à gauche du logo, aligné à droite. Distance de 1 cercle de la barre verte.

INSTITUT DES SERVICESD’URGENCE ET JURIDIQUES

INSTITUT DES SERVICESD’URGENCE ET JURIDIQUES


PAGE 20

Utilisation affiliée – Fondation

FONDATION

FONDATIONRÉSEAU DES DIPLÔMÉS

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.

Le nom du secteur est toujours à gauche du logo, aligné à droite. Distance de 1 cercle de la barre verte.


Communications administratives – Papeterie

PAGE 21

LE COLLÈGE D’ARTS APPLIQUÉSET DE TECHNOLOGIETel: 613-742-2483 Tel: 1 800-267-2483

801, promenade de l’AviationPavillon C, pièce C2020Ottawa (Ontario) K1K 4R3

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 plac-erat 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 moles-tie aliquet tempus.

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.

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.

801, promenade de l’AviationPavillon C, pièce C2020Ottawa (Ontario) K1K 4R3



Lynn-Marie McCarthy

Gestionnaire du recrutementRecrutement et développement des marchés

Email: [email protected]

Tel: 613-742-2483 ext. 2403Tel: 1 800-267-2483 ext. 2403Fax: 613-742-2487

Enrolment ManagerRecruitment and Market Development

801, promenade de l’Aviation801, Aviation ParkwayPavillon C, pièce C2020C Building, room C2020Ottawa (Ontario) K1K 4R3

lettre

enveloppe

carte d’affaire

Communications administratives – PowerPoint

PAGE 22

intérieurcouverture

SOUS-TITRERoboto reg.ou Arial bold

Utilisation de l’icôneen trame de fond 10 %

vert 100 % TITREBebas Neueou Impact

TITREBebas Neueou ImpactTEXTE

Roboto reg.ou Arial bold

Communications administratives – Signature de courriel

PAGE 23

logo horizontal

Arial bold, noir 85 %, 12 pts / 18 pts

Arial bold, noir 100 %, 13 pts / 18 pts

Arial black, vert (voir page 8), 13 pts / 18 pts

Communications administratives – Publicité imprimée verticale

PAGE 24


TEXTE OU ADRESSEEN ROBOTO REGULAR

TITRE ICI EN BEBAS NEUESOUS-TITRE ICI EN ROBOTO REGULAR

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.

Communications administratives – Publicité imprimée horizontale

PAGE 25


TEXTE OU ADRESSEEN ROBOTO REGULAR

TITRE ICI EN BEBAS NEUESOUS-TITRE ICI EN ROBOTO REGULAR

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.

Document (guide) des programmes

PAGE 26

GUIDE

DES P

ROGR

AMME

S


GUIDE DES PROGRAMMES

positionen attente du

document

Signalisation – Horizontale

PAGE 27

Pour les explications sur la zone de protection, veuillez vous référer à la page 13.

8865 CHEMIN NORTH SERVICE ROADCAMPUS

ALPHONSE-DESJARDINS


801 PROMENADE DE L’AVIATION / AVIATION PARKWAY


Signalisation promenade de l’Aviation

Signalisation chemin North Service

Signalisation – Horizontale (suite)

PAGE 28

ACCUEIL – VISITEURS – RÉSIDENCE

RÉCEPTION ET EXPÉDITION

STATIONNEMENT – PERMIS BLEU

accès restreint :


Signalisation Résidence de La Cité

RÉSIDENCE

400 RUE DEN HAAG STREET

Signalisation rue Bathgate Nord

Signalisation – Verticale

PAGE 29

LOREM IPSUM

LOREM IPSUM

LOREM IPSUM

LOREM IPSUM

LOREM IPSUM

LE COLLÈGE D’ARTS APPLIQUÉSET DE TECHNOLOGIELE COLLÈGE D’ARTS APPLIQUÉSET DE TECHNOLOGIE

Communications multimédias – Signature vidéo et audio

PAGE 30

Toutes les signatures audio et vidéo doivent être :

LA CITÉ, LE COLLÈGE D’ARTS APPLIQUÉS ET DE TECHNOLOGIE.

Communications multimédias – Site Web

PAGE 31

Communications multimédias – Site Web d’affaire

PAGE 32

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 33

Communications multimédias – Médias sociaux

visuel de campagneFACEBOOK

INSTAGRAM

Communications multimédias – Médias sociaux (suite)

PAGE 34

TWITTER

PINTEREST

visuel de campagne

PAGE 35

É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 36

Éléments visuels – Objets promotionnels


ÉCOLE D’ADMINISTRATION,D’HÔTELLERIE ET DE TOURISME


ÉCOLE D’ADMINISTRATION,D’HÔTELLERIE ET DE TOURISME

PAGE 37

É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ÉTIERSSPÉCIALISÉS



Éléments visuels – Véhicules

PAGE 38




Documents

guide des normes graphiques Directives d’utilisation de la … · 2014-04-01 · séparant le logo de la signature est de 1 carré en haut et en bas du logo. L’espace entre les