Vous êtes sur la page 1sur 52

Guide de style de la marque

Guide de style
de la marque
|
Guide de style de la marque

Finalités et positionnement de la marque xx

Personnalité de la marque xx

Logo xx

Palette de couleurs xx

Typographie xx

Créations graphiques xx

Utilisations xx

Guide de style
de la marque
| 2
Finalités et
positionnement
de la marque

Guide de style
de la marque
| 3
Finalités et positionnement de la marque

Énoncé de mission

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Guide de style
de la marque
| 4
Finalités et positionnement de la marque

Énoncé de
mission
Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis
nostrud.

Guide de style
de la marque
| 5
Finalités et positionnement de la marque

Valeurs

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Guide de style
de la marque
| 6
Finalités et positionnement de la marque

Valeurs
Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in
culpa.

Guide de style
de la marque
| 7
Finalités et positionnement de la marque

Persona client
Lorem: incididunt

Ipsum: commodo consequat

Dolor: nostrud

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed


do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.

Guide de style
de la marque
| 8
Finalités et positionnement de la marque

Persona client

Lorem ipsum dolor sit amet, consectetur adipiscing


elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.

Guide de style
de la marque
| 9
Finalités et positionnement de la marque

Persona client
Lorem : incididunt

Ipsum : commodo consequat

Dolor : nostrud

Sit amet : tempor incididunt ut labore

Consectetur : et dolore magna aliqua

Adipiscing : Ut enim ad minim veniam

Elit : quis nostrud exercitation ullamco

Sed do : laboris nisi ut aliquip

Eiusmod : cillum

Guide de style
de la marque
| 10
Personnalité de
la marque

Guide de style
de la marque
| 11
Personnalité de la marque

Traits de caractère

TRAIT DE CARACTÈRE ICI TRAIT DE CARACTÈRE ICI TRAIT DE CARACTÈRE ICI

TRAIT DE CARACTÈRE TRAIT DE CARACTÈRE


ICI ICI

TRAIT DE CARACTÈRE ICI TRAIT DE CARACTÈRE ICI TRAIT DE CARACTÈRE ICI

Guide de style
de la marque
| 12
Personnalité de la marque

Moodboard

Lorem ipsum dolor sit amet,


consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco consequat.

Guide de style
de la marque
| 13
Personnalité de la marque

Moodboard

Lorem ipsum dolor sit amet, consectetur


adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud ullamco consequat.

Guide de style
de la marque
| 14
Personnalité de la marque

Moodboard

Lorem ipsum dolor sit amet,


consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco consequat.

Guide de style
de la marque
| 15
Personnalité de la marque

Style rédactionnel

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, Lorem ipsum dolorsitamet,


consectetur adipiscing elit, sed do consectet’ur adipiscingelit, sed do
eiusmod tempor incididunt ut labore et eiusmod tempor incididu’nt u’t labor’e
dolore magna aliqua. et dolore magn’a aliq’ua.

Oui Non
Rédigez à la voix active avec un style centré sur l’utilisateur. Évitez d'utiliser trop de jargon ou de contractions.
Guide de style
de la marque
| 16
Logo

Guide de style
de la marque
| 17
Logo

Logo

Lorem ipsum dolor sit amet, consectetur adipiscing elit,


LOGO PRINCIPAL
sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat
LOGO SUR FOND SOMBRE
non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum.

Guide de style
de la marque
| 18
Logo

Éléments du logo

LOGOTYPE SYMBOLE DU LOGO

Lorem ipsum dolor sit amet, consectetur adipiscing elit, Duis aute irure dolor in reprehenderit in voluptate velit
sed do eiusmod tempor incididunt ut labore et dolore esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
magna aliqua. Ut enim ad minim veniam, quis nostrud occaecat cupidatat non proident, sunt in culpa qui officia
exercitation ullamco laboris nisi ut aliquip ex ea deserunt mollit anim id est laborum.
commodo consequat.

Guide de style
de la marque
| 19
Logo

Disposition

LOGO HORIZONTAL Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat.

LOGO VERTICAL

Guide de style
de la marque
| 20
Logo

Utilisation du logo
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua.

Oui Oui Oui Oui


Logo en couleur xxxxxxx. Logotype uniquement. Logo sur fond coloré. Logo utilisé pour les
applications.

Non Non Non


Ne pas appliquer d’effets au Ne pas déformer le logo. Ne pas modifier la couleur du logo
logo. si elle n'est pas approuvée par Guide de style
l’entreprise. de la marque
| 21
Logo

Usages incorrects
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.

PIVOTER LE LOGO
CHANGER LA COULEUR DU LOGO

APPLIQUER DES EFFETS AU LOGO DÉFORMER LE LOGO

Guide de style
de la marque
| 22
Logo

Espace vide autour du logo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.

L’ESPACE VIDE CORRESPOND À


Guide de style
de la marque
| 23
Logo

Espace vide autour du logo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.

N
N N
N
L’ESPACE VIDE CORRESPOND
À
N Guide de style
de la marque
| 24
Logo

Taille minimale du logo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.

Taille minimale = XXX

Guide de style
de la marque
| 25
Palette de
couleurs

Guide de style
de la marque
| 26
Palette de couleurs

Couleurs primaires

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.

Nom de la couleur Nom de la couleur Nom de la couleur


#000000 #000000 #000000
C000 M000 Y000 K000 C000 M000 Y000 K000 C000 M000 Y000 K000

Guide de style
de la marque
| 27
Palette de couleurs

Couleurs secondaires

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.

Nom de la couleur Nom de la couleur Nom de la couleur


#000000 #000000 #000000
C000 M000 Y000 K000 C000 M000 Y000 K000 C000 M000 Y000 K000

Guide de style
de la marque
| 28
Palette de couleurs

Dégradés

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.

Nom de la couleur Nom de la couleur Nom de la couleur

Nom de la couleur Nom de la couleur Nom de la couleur

Guide de style
de la marque
| 29
Palette de couleurs

Nuances

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.

Nom de la couleur 70 % 30 % 10 %


#000000
C000 M000 Y000 K000

Nom de la couleur 70 % 30 % 10 %


#000000
C000 M000 Y000 K000

Guide de style
de la marque
| 30
Palette de couleurs

Échelle de gris

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.

Nom de la couleur 70 % 30% 10%


#000000
C000 M000 Y000 K000

Nom de la couleur 70% 30% 10%


#000000
C000 M000 Y000 K000

Guide de style
de la marque
| 31
Typographie

Guide de style
de la marque
| 32
Typographie

Police de caractères

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.

Avenir Avenir Italic

ABCDEFGHIKLMNOPQRSTUVWXYZ ABCDEFGHIKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz

Avenir Bold Avenir Bold Italic

ABCDEFGHIKLMNOPQRSTUVWXY ABCDEFGHIKLMNOPQRSTUVWXYZ
Z abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
Guide de style
de la marque
| 33
Typographie

Titres

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.

Pacifico

ABCDEFGHIKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

Pacifico Bold

ABCDEFGHIKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Guide de style
de la marque
| 34
Typographie

Corps du texte

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.

Avenir

ABCDEFGHIKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

Avenir Bold

ABCDEFGHIKLMNOPQRSTUVWXY
Z
abcdefghijklmnopqrstuvwxyz
Guide de style
de la marque
| 35
Typographie

Polices de caractères Websafe

N'utilisez ces polices qu'en cas de problème de compatibilité avec nos polices favorites :

Arial

ABCDEFGHIKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

Arial Bold

ABCDEFGHIKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Guide de style
de la marque
| 36
Typographie

Exemples d'utilisation

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.

consectetur adipiscing elit incididunt


consecteturincididunt consectetur
Lorem ipsum dolor sit amet, consectetur ipsum
adipiscing elit, sed do eiusmod tempor
incididunt ut labore et magna aliqua. Oui Oui
Juxtaposez des caractères gras et ordinaires Créez des lock-ups avec la
pour créer un intérêt visuel. police des titres et du corps de
texte.
Oui
Utilisez la police de titre pour les titres et l'accentuation.
Guide de style
de la marque
| 37
Typographie

Exemples d'utilisation

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.

consectetur adipiscing elit incididunt


consectetur incididunt consectetur
Lorem ipsum dolor sit amet, consectetur ipsum
adipiscing elit, sed do eiusmod tempor
incididunt ut labore et magna aliqua. Non Non
Utilisation d'une combinaison de couleurs Utilisation de polices de
créant un trop faible contraste. caractères qui ne figurent pas
Non dans le guide de style.
Permutation de la police des titres et de
celle du corps du texte.
Guide de style
de la marque
| 38
Créations
graphiques

Guide de style
de la marque
| 39
Créations graphiques

Lorem ipsum dolor sit amet, consectetur adipiscing elit,


Créations graphiques sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.

Oui Oui Non


Notre motif. Utilisation de ce type de Ne pas pivoter cette image.
graphisme.

Guide de style
de la marque
| 40
Créations graphiques

Lorem ipsum dolor sit amet, consectetur adipiscing elit,


Créations graphiques sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.

Non Non Non


Ne pas changer la couleur du Ne pas modifier ce graphisme ni Ne pas pivoter cette image.
motif. changer son format.

Guide de style
de la marque
| 41
Créations graphiques

Images de fond Lorem ipsum dolor sit amet, consectetur adipiscing


elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.

Guide de style
de la marque
| 42
Utilisations

Guide de style
de la marque
| 43
Utilisations

Site web

Lorem ipsum dolor sit amet,


consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.

Guide de style
de la marque
| 44
Utilisations

Notre app Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.

ICÔNE DE
l'APP

Guide de style
de la marque
| 45
Utilisations

Réseaux sociaux

Lorem ipsum dolor sit amet, consectetur adipiscing elit, Lorem ipsum dolor sit
sed do eiusmod tempor incididunt ut labore et dolore amet, consectetur
magna aliqua. adipiscing elit, sed do
eiusmod tempor incididunt
ut labore et dolore magna
aliqua.

EXEMPLE AVATAR EXEMPLE FACEBOOK EXEMPLE INSTAGRAM

Guide de style
de la marque
| 46
Utilisations

Signature dans les e-mails


CONFIGURATION HORIZONTALE

Lorem ipsum dolor sit amet,


consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut
enim ad minim veniam, quis CONFIGURATION VERTICALE

nostrud exercitation ullamco


laboris nisi ut aliquip ex ea
commodo consequat.

Guide de style
de la marque
| 47
Utilisations

Cartes de visite
RECTO

Lorem ipsum dolor sit amet,


consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut
enim ad minim veniam, quis
nostrud exercitation ullamco
laboris nisi ut aliquip ex ea
VERSO
commodo consequat.

Guide de style
de la marque
| 48
Utilisations

Cartes de visite

Lorem ipsum dolor sit amet,


consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut
enim ad minim veniam, quis
nostrud exercitation ullamco
laboris nisi ut aliquip ex ea
commodo consequat.

Guide de style
de la marque
| 49
Utilisations

Papier à en-tête

Lorem ipsum dolor sit amet,


consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut
enim ad minim veniam, quis
nostrud exercitation ullamco
laboris nisi ut aliquip ex ea
commodo consequat.

Guide de style
de la marque
| 50
Utilisations

Autres cas d'usage

Lorem ipsum dolor sit amet,


consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut
enim ad minim veniam, quis
nostrud exercitation ullamco
laboris nisi ut aliquip ex ea
commodo consequat.

Guide de style
de la marque
| 51
Merci
Si vous avez des questions concernant le
branding,
veuillez contacter :

Contact au 00 00 00 00 00

Guide de style
de la marque
| 52

Vous aimerez peut-être aussi