Guide de normes graphiques - Éco-boutique Monde à vie (2019)

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