Guide de normes graphiques Lignes directrices à l’attention des partenaires et médias sur l'utilisation adéquate du logo, de la typographie et des couleurs de la marque
Présenté par Djü Design
INTRODUCTION
Cohésion de la marque Ce document est un guide encadrant l'identité visuelle de Monde à vie, les éléments qui créent sa personnalité et leur utilisation appropriée.
CHAPITRES
PAGE 3
Table des matières Chapitre 1 Logo et variations
Chapitre 2 Typographie
Chapitre 3 Couleurs
Chapitre 4 Direction artistique
Pages 5-9
Pages 11-13
Pages 15
Pages 17-23
CHAPITRE 1
Logos et variations
PAGE 4
1.1 IDENTITÉ ET PERSONNALITÉ
PAGE 5
C’est la personnalité spontannée et amicale de la propriétaire, Marianne Girard, qui a inspiré l’essence du nouveau logo Monde à vie. Dessinées à la main et parfois imparfaites, les lettres évoquent cette accessibilité inhérente à la boutique Monde à vie et à son équipe chaleureuse. Clin d’œil au logo précédent, une petite pousse se cache dans la lettre d, rappelant que « rien ne se perd, rien ne se crée, tout se transforme ». La palette de couleurs soigneusement élaborée s’harmonise avec les valeurs et la mission de Monde à vie:
«
partager avec vous notre passion pour un monde plus juste, plus sain, plus équitable où chacun travaillera à améliorer son milieu de vie en posant un geste à la fois.
»
1.2 LOGO PRINCIPAL
Le logo à privilgier est cette version compacte, où les lettres semblent danser. Cette version principale du logo n’est jamais accompagné du slogan. Pour une version horizontale du logo et une variante avec slogan, se référer à la page 7.
PAGE 6
1.3 LOGO ALTERNATIF: HORIZONTAL
Un logo horizontal est disponible, avec ou sans son slogan.
Éco-boutique et Naturopathie
PAGE 7
1.4 LOGO ALTERNATIF: ESTAMPE
PAGE 8
À utiliser tel un sceau simulant une estampe à l’encre, deux variantes du logo ont été élaborées. Ils doivent être présentés dans une seule couleur afin de renforcer l’effet de l’estampe encrée dans un encrier.
Version pleine avec texte percé dans la forme
Version avec contour tracé et la forme transparente
1.5 ICÔNE
PAGE 9
Une icône est également à disposition afin de signer délicatement des compositions plus chargées, telles que les publications pour les réseaux sociaux. Cette icône pourrait également faire office de favicon sur le site Web.
Version pleine avec icône percée dans la forme
Version avec contour tracé et la forme transparente
Version avec icône colorée et la forme foncée
1.6 LOGO M À VIE YOGA
Le logo pour le studio « M à vie yoga » reprend la même police tout en courbes, et arbore une petite branche aux couleurs de Monde à vie.
PAGE 10
CHAPITRE 2
Typographie
PAGE 11
2.1 TYPOGRAPHIE
PAGE 12
La typographie de Monde à vie est Bozon, à utiliser tant sur le web qu’à l’imprimé. La police représentée dans le logo ne devrait jamais être reproduite ou utilisée dans la création de visuels, quels qu’ils soient. Tous les titres, sous-titres et textes courants doivent être en Bozon. Un dossier comprenant la famille complète a été fourni avec ce guide, en version TTF (imprimé) et WOFF (Web).
Bozon
aAbBcCdDeEfFgGhHiIkKlLmMnN
2.2 GRAISSES ET STYLES
PAGE 13
Tous les titres principaux, tant sur le Web qu’à l’imprimé, doivent être en Bozon Semi Bold bas de casse (minuscules). Cette règle assure un minimum d’uniformité, au sein d’une identité visuelle très éclatée et permissive au niveau des textures et de l’usage de la couleur. Autrement, les textes courants doivent être en Light ou Regular. Les autres graisses disponibles sont à adopter avec parcimonie. L’emploi de texte tout en capitales (majuscules) est permis en guise de surtitre seulement. Le contraste entre les tailles du surtitre et du titre doit être suffisant, semblable à ce qui est présenté ci-dessous. Voir la page suivante pour quelques exemples.
CECI EST UN SURTITRE
Titre principal Le texte courant doit être considérablement plus petit que le titre.
2.3 EXEMPLES DE LA TYPOGRAPHIE EN CONTEXTE
PAGE 14
CHAPITRE 3
Palette de couleurs
PAGE 15
3.1 PALETTE DE COULEURS
PAGE 16
Cette palette de couleurs représente les teintes à utiliser sur le web et à l’imprimé. Les recettes sont calibrées pour chaque médium, se référer aux codes correspondants. Code Hex et RGB = Web | CMYK et Pantone = imprimé
Code Hex: 659D75 RGB: 101-157-117 CMYK: 63-8-60-11 Pantone: 7730 UP
Code Hex: 345454 RGB: 52-84-84 CMYK: 99-16-64-48 Pantone: 3302 U
Code Hex: CBE1C0 RGB: 203-225-192 CMYK: 15-0-15-0 Pantone: 2253 UP
Code Hex: FFCA48 RGB: 255-202-72 CMYK: 0-11-92-0 Pantone: 121 UP
Code Hex: 2F2E3F RGB: 47-46-63 CMYK: 79-61-24-70 Pantone: Black 6 UP
Code Hex: FFFFFF RGB: 255-255-255 CMYK: 0-0-0-0
CHAPITRE 4
Direction artistique
PAGE 17
4.1 DIRECTION PHOTO
Les photos, tant achetées à la pièce que produites durant un shoot, doivent être sélectionnées avec un très grand soin. Voici quelques exemples de la composition picturale à privilégier, du type de coloration à choisir et des filtres qui conviennent à l’ambiance et la personnalité de Monde à vie.
PAGE 18
4.2 STYLES PHOTOGRAPHIQUES À PROSCRIRE
PAGE 19
Les photos très saturées, où la mise en scène semble fausse et où les posent sont figées sont complètement à proscrire. La ligne est mince entre une photo naturelle et une photo au look forcé. En cas de doute, l’équipe de Djü Design est toujours là pour vous aider dans la sélection!
Couleurs trop saturées, manque d’ambiance
Ambiance trop blanche stérile, couleurs trop saturées
Couleurs trop saturées, regards vers la caméra, mise en scène et pose non naturelle
4.3 TEXTURE PHOTOGRAPHIQUE
Des photos neutres et légèrement texturées peuvent servir à créer une trame de fond dans le design de visuels. En superposition, en pleine page en guise de fond, plusieurs options sont possibles... pour peu que la palette de couleurs soit respectée.
PAGE 20
4.4 EXEMPLES DE VISUELS APPROPRIÉS
À titre d’inspiration dans la création de visuels, voici deux exemples de publications mettant de l’avant une photo, et qui sont en harmonie avec l’identité de Monde à vie. Ces deux grilles peuvent être reproduites et sont une belle façon de maintenir une cohérence de marque tout en autorisant une certaine liberté.
PAGE 21
4.5 TEXTURES ET MOTIFS
Les textures viennent habiller les publications. La fabrication de celles-ci se fait à l’aide de différents éléments graphiques à agencer. Chaque motif doit être complété avec une légère texture simulant le papier, qui est appliquée en toute dernière étape, par-dessus le motif.
PAGE 22
4.7 ÉLÉMENTS GRAPHIQUES
Voici quelques éléments mis à disposition dans la bibliothèque. Les formes peuvent être colorées en se référant à la palette de couleurs, et l’usage de la transparence est permise. L’important, c’est simplement de conserver une constance entre les textures présentées dans ce guide, et les prochaines textures à créer dans le futur. La bibliothèque d’éléments graphiques a été fournie avec ce guide.
Une légère texture de grain peut être rajoutée à n’importe quelle forme afin d’augmenter le niveau de détails
PAGE 23
4.7 ICONOGRAPHIE
PAGE 24
Quelques icônes ont été élaborées afin d’orienter le design d’une future collection complète. Elles sont toujours composées de deux teintes de vert provenant de la palette couleurs.
Nous joindre
Groupes d’achat
Cours et ateliers
OCTOBRE 2019
Document présenté par