charte graphique
Ce document décrit l’expression de Bussole. VERSION 2 JUIN 2024
IDENTITÉ VISUELLE
Cette section décrit comment utiliser l’identité visuelle de Bussole.
Derrière l’identité
L’identité visuelle de Bussole est solidement ancrée dans la recherche et la compréhension de son public cible (25-45 ans, immigrants au Canada).
En adoptant un ton ludique pour traiter un sujet sérieux, une palette de couleurs défie les attentes du secteur financier tout en conservant un aspect professionnel et accessible. Les mots clés qui définissent Bussole et son identité visuelle sont : simple, accessible et abordable.
La mission de Bussole est de guider les nouveaux arrivants au Canada sur le chemin de la littératie financière. Le logomarque évoque subtilement la feuille d’érable du drapeau canadien, tout en suggérant également une étoile – guidant les individus vers leur meilleure version d’eux-mêmes. L’idée de floraison, de recherche et de découverte est également présente dans le logomarque.
Le logotype, quant à lui, est une personnalisation rendant l’ensemble plus moderne, tout en conservant un aspect intemporel.
En somme, cette charte graphique vous fera découvrir le langage propre à Bussole et comment son dynamisme se transmet visuellement.
Lors de l’utilisation du logotype et du logomarque, il est important de veiller à ce qu’il y ait suffisamment d’espace autour ou d’espace vide. Cela permet au logo de respirer et de se démarquer. Concernant le symbole du logo, il est recommandé d’utiliser une grille pour assurer l’harmonie et l’équilibre visuel.
Espace libre:
Toujours utiliser les fichiers contenant le logo tel que prévu. Les fichiers du logo ont été créés en laissant de l’espace pour permettre au logo de respirer.
Utilisations du logo – Logotype
Pour assurer une cohérence visuelle et renforcer la reconnaissance de Bussole, il est essentiel de savoir quand utiliser le logomarque (symbole) et quand utiliser le logotype (texte). Ce guide vous aidera à choisir la meilleure option pour chaque type de support de communication.
Quand l’utiliser ?
Supports Imprimés :
• Cartes de visite : Utilisez le logotype pour une identification claire de Bussole.
• Papier à en-tête : Le logotype doit apparaître en haut pour une reconnaissance immédiate.
• Brochures et Dépliants : Placez le logotype sur la couverture et à l’intérieur pour maintenir la cohérence.
• Affiches et Flyers : Utilisez le logotype pour promouvoir des événements ou des produits afin d’assurer la visibilité de la marque.
• Annonces Publicitaires : Le logotype doit être utilisé pour garantir que le public associe l’annonce à la marque.
Supports Numériques
:
• Site Web : Utilisez le logotype dans l’en-tête et le pied de page pour une identification constante.
• Newsletters : Utilisez le logotype sur les diapositives de titre et de fin.
• Signatures d’E-mail : Intégrez le logotype dans les signatures d’e-mail pour une identification professionnelle.
Applications Officielles et Formelles
:
• Documents Légaux et Administratifs : Le logotype doit figurer pour des raisons d’authenticité et de reconnaissance.
• Communiqués de Presse : Utilisez le logotype pour assurer que les informations sont immédiatement associées à la marque.
• Invitations et Correspondances Officielles: Le logotype renforce la reconnaissance et le professionnalisme.
Exemple du logotype en action (combinaison avec logomarque)
Utilisations du logo – Logomarque
Le logomarque est le symbole graphique ou l’icône représentant la marque sans le texte.
Quand l’utiliser ?
Supports Promotionnels et Marketing :
• Produits Dérivés : Utilisez le logomarque sur les stylos, t-shirts, sacs, etc., pour un marquage subtil mais efficace.
• Bannières Publicitaires* : Le logomarque est idéal pour les bannières où l’espace est limité.
• Annonces sur les Réseaux Sociaux : Utilisez le logomarque pour des publications rapides et reconnaissables.
• Avatars sur les Réseaux Sociaux : Utilisez le logomarque pour une image de profil claire et identifiable (LinkedIn, Instagram, Facebook, etc.
• Watermarks : Le logomarque est idéal pour marquer des vidéos et des images sans distraire du contenu principal, comme lorsque Bussole publie des extraits de formations en ligne, par exemple.
Supports Numériques :
• Site Web : Utilisez le logotype dans l’en-tête et le pied de page pour une identification constante.
• Newsletters Électroniques : Utilisez le logotype sur les diapositives de titre et de fin.
• Présentations PowerPoint : Placez le logotype sur la couverture et à l’intérieur pour maintenir la cohérence.
• Signatures d’E-mail : Intégrez le logotype dans les signatures d’e-mail pour une identification professionnelle.
Applications Officielles et Formelles :
• Documents Légaux et Administratifs : Le logotype doit figurer pour des raisons d’authenticité et de reconnaissance.
• Communiqués de Presse : Utilisez le logotype pour assurer que les informations sont immédiatement associées à la marque.
• Invitations et Correspondances Officielles: Le logotype renforce la reconnaissance et le professionnalisme.
Exemple du logomarque en action (combinaison avec logotype)
Varitions logo [02]
En ce qui concerne l’utilisation des couleurs pour le logotype et le logomarque, dans la grande majorité des cas, les versions en noir et blanc seront utilisées, en fonction du contraste. Dans les cas exceptionnels où nous souhaitons mettre en valeur la personnalité de Bussole, nous pourrons utiliser des couleurs secondaires (voir «Palette de couleurs»)
Braveold
Braveold est une police d’écriture serif accessible et amicale. Son choix est justifié par le désir de communiquer l’approchabilité de Bussole. Braveold est réservé aux en-têtes uniquement. Dans des cas exceptionnels, Braveold peut être utilisé pour mettre en valeur certains mots dans un texte, en combinaison avec Dudek Pro. Utilisez le poids Regular et/ou Medium. Évitez d’utiliser «light», «bold» ou «black».
Typographie
Dudek Pro
Medium:
La police sans serif Dudek Pro a été spécialement conçue pour offrir une lisibilité optimale à la fois sur écran et sur papier. Sa large gamme de styles la rend polyvalente. Elle est idéale pour une utilisation principale dans le corps des textes. En outre, elle peut être judicieusement utilisée en complément de Braveold pour les en-têtes.
Pour une utilisation optimale, veuillez opter pour le style “regular” pour le corps du texte, “light” ou “light italic” pour les légendes, et “medium” pour mettre en relief des éléments non essentiels. Enfin, privilégiez le style “bold” pour mettre en valeur des éléments importants, mais n’étant pas des titres, dépassant ainsi le simple corps de texte.
En-têtes
Typographie — Exemple
[Braveold, Medium]
Entête
[Braveold, Regular]
[Dudek Pro, Medium]
[Dudek Pro, Regular]
[Dudek Pro, Light Italic]
Ceci est un sous-titre
Ceci est un entre-deux ou utiliser dudek pro est acceptable.
Ceci est le corps de texte.
Ceci est une légende.
Palette de couleurs
La palette de couleurs a été soigneusement conçue pour être accessible et significative. Le rouge chili fait intelligemment référence au drapeau canadien, symbolisant l’immigration vers ce pays. Le Bleu Bussole est conçu pour inspirer confiance, tandis que les teintes crèmes (parchemin et beige isabelle) apportent une conclusion harmonieuse. Les couleurs de nuit (plutôt que le noir, pour une profondeur subtile) et le blanc complètent la palette en tant que couleurs neutres.
[04]
Les numéros commençant par “#” sont des codes hexadécimaux à copier-coller pour utiliser les mêmes couleurs en ligne. Les numéros CMYK correspondent aux codes utilisés lors des impressions afin d’obtenir la couleur la plus proche de celle affichée numériquement.
Assurez-vous d’utiliser principalement, voire exclusivement, les couleurs présentes dans cette charte.
C:1 M:91 Y:98 K:0
Rouge Chili
Parchemin C:2 M:3 Y:6 K:0
C:2 M:18 Y:25 K:0
Beige
Isabelline
Bleu Bussole
Usage des couleurs
40% 15%
La majorité des communications de Bussole utilisent le Bleu Bussole.
Le Rouge Chili est fréquemment présent dans la communication de Bussole, jouant le rôle d’un accent ou créant un effet.
Cette section du document explique comment utiliser les couleurs de la marque. Les pourcentages n’ont qu’une valeur indicative.
17%
Le Beige Isabelline sera régulièrement utilisé pour les arrières plans. C’est une couleur plus intrigante que le blanc.
14%
La couleur Nuit, légèrement différente d’un noir complet, sera présente dans toute communication, notamment dans le corps d’un texte.
14%
Le blanc, tout comme Nuit, est présent dans la vaste majorité des cas.
Imagerie[05]
Ceci est un guide sur comment choisir des images pour communiquer Bussole.
Élements graphiques
[05]
Ces motifs peuvent être utilisés à des fins décoratives pour renforcer l’image de marque.
Photographie
Les photographies provenant de banques d’images telles que Pexels peuvent être une source inépuisable d’inspiration visuelle. La communication de Bussole met en avant des personnes dans des situations quotidiennes ou atypiques lors de la formation. La direction artistique peut jouer sur des visuels humoristiques pour captiver l’attention et transmettre le message de manière mémorable.
Notez que les photographies doivent être arrondies sur les bords, entre 12px et 50px, dépendamment de l’application. Faire preuve de sensitivité esthétique.
Collatéraux
Accéder aux collatéraux et templates ici.
Utilisez les émoticônes de manière modérée dans chaque communication sur l’espace digital. Cela permet de rompre avec le stéréotype de sérieux associé à la finance et instaure un ton plus léger.
https://bussoleca.wordpress.com