Vous êtes sur la page 1sur 30

FONDAMENTAUX

PEUGEOT
FONDAMENTALS

01
SOMMAIRE
CONTENTS

01.1 LE LOGOTYPE 01.2 COULEURS 01.4 MISE EN PAGES


THE LOGOTYPE COLOURS LAYOUTS
Logotype marque Peugeot 4 Couleurs principales 16 La grille 28
The Peugeot brand logo Main colours The grid
Construction 5 Tonalité colorielle 17 Applications 29
Construction Main colour tone Applications
Construction du logo 6 Guide des couleurs 18
Logo construction Colour guidance
Zone de protection 7 Interdits 19
Protection zone Don’ts
Déclinaisons d’usage 8
Versions 01.3 TYPOGRAPHIE
Dimensions / règles d’application 9 TYPOGRAPHY
Dimensions / logo guidelines
Typographies Peugeot New 21
Versions 10
Peugeot New typefaces
Versions
Hiérarchie 23
Zone de protection 11
Weight applications
Protection zone
Associations 24
Interdits 12
Pairings
Don’ts
Interdits 25
Utilisation sur fond 13
Dont’s
Usage background
Applications 26
Applications
01.1 LE LOGOTYPE
THE LOGOTYPE

PEUGEOT Fondamentals V1.0 3


O1.1 Logotype | Logotype

LOGOTYPE MARQUE PEUGEOT


Le logotype de marque Peugeot capitalise sur l’héritage
de la marque pour construire une identité puissante,
emblématique, intemporelle. À rayonnement mondial,
il est spontanément appropriable dans toutes
les cultures. Sa force vient de la simplicité travaillée de son
traité, ses formes pures et iconiques : le blason évoque
force et protection, il encapsule le lion de profil, racé et
charismatique, surligné par le typogramme Peugeot qui
couronne le logo.

THE PEUGEOT BRAND LOGO


The Peugeot brand logo, also called emblem references the
brand’s heritage to build a powerful, emblematic, timeless
identity. With a worldwide influence, this emblem can be
spontaneously appreciated in all cultures. Its strength
comes from the
simplicity of its motif, its pure and iconic forms: the shield
evokes strength and protection, it encapsulates the lion in
profile, distinguished and charismatic, highlighted
by the Peugeot wordmark that crowns the logo.

PEUGEOT Fondamentals V1.0 4


O1.1 Logotype | Logotype

CONSTRUCTION
Le logotype est l’élément identitaire de référence. Il est
construit par trois éléments indissociables : la forme
emblématique du blason, le profil du lion, et le typogramme
Peugeot. Cette version du logotype ne peut être reproduite
exclusivement qu’à partir des fichiers informatiques et
livrables fournis par la marque.

CONSTRUCTION
It is composed of three inseparable elements: the shield, the
lion’s profile and the Peugeot typogram. This version of the
logo must be reproduced exclusively from the computer files
provided with the charter.
The shield is the key element of identity and must be used
first.

Profil du lion Typogramme Blason


Lion profile Typogram Shield

PEUGEOT Fondamentals V1.0 5


O1.1 Logotype | Logotype

CONSTRUCTION DU LOGO
Cette grille montre la construction du Blason et ses
proportions. Si vous avez besoin de vérifier la bonne
reproduction de ce logotype, référez-vous à cette grille.

LOGO CONSTRUCTION
This grid shows the construction of the emblem and its
proportions. If you need to verify the correct reproduction of
the emblem, please refer to this grid.

PEUGEOT Graphical style guide 2021 _02_16 6


O1.1 Logotype | Logotype

ZONE DE PROTECTION
Aucun élément graphique ou typographique de nature à
perturber la lisibilité et l’impact ne doit venir s’inscrire dans
la zone de protection située autour du logotype.
Les espaces de respiration sont construits tout autour du
bloc logotype à partir de la hauteur du blason.

PROTECTION ZONE
No graphic or typographical elements of such a nature as
to interfere with legibility and impact must be placed in the
protection zone around the logotype.
Breathing spaces are built all around the logotype block
from the height of theshield.

PEUGEOT Fondamentals V1.0 7


O1.1 Logotype | Logotype

LOGO PRINCIPAL PEUGEOT ICÔNE MARQUE


DÉCLINAISONS D’USAGE PEUGEOT BRAND LOGO BRAND ICON

Dans certains cas, le logo peut être substitué par sa version


bloc marque ou le radical Peugeot ou sa version simplifiée
appelée icône marque.

VERSIONS
In certain situations, the emblem may be substituted by the
centred brand logo lockup or the Peugeot radical
or the brand icon.

Ceci est le logo principal qui doit être L’icône marque est réservée à un
utilisé en priorité. usage digital et lifestyle seulement.
This is our main logo and should The brand icon is for digital & lifestyle
always be used in priority. use only.

BLOC MARQUE CENTRÉ RADICAL


CENTRED BRAND LOGO LOCK UP RADICAL

Le bloc-marque centré est réservé aux Le radical est destiné à être utilisé dans
en-têtes de lettres et cartes de visite. des compositions graphiques avec le
The logotype lockup is for letterhead logo principal.
and business cards. The radical is for use in graphic
compositions with the main logo.

PEUGEOT Fondamentals V1.0 8


O1.1 Logotype | Logotype

DIMENSIONS / RÈGLES DIGITAL


D’APPLICATION
Dans le cadre d’une utilisation digitale, l‘icône marque doit Point de bascule
être utilisée en dessous d’une taille de 64 pixels de large Tipping point
jusqu’à un minimum de 16 pixels .
Lors d’un usage print, la version bloc-marque centrée doit
être utilisée en dessous d’une largeur de 22,4 mm jusqu’à
un minimum de 20 mm.
Au dessus de ces dimensions, le logo Peugeot est à
privilégier.

DIMENSIONS / LOGO GUIDELINES


For digital use, the brand icon must be used below 64 pixels
wide down to 16 pixels minimum.
For print use, the centered brand logo lockup version must
be used below a width of 22.4 mm.
> 16 px < 64 px >

Above these dimensions, the emblem is recommended.

PRINT
Point de bascule
Tipping point

22,5 mm

20 mm 22,4 mm

Taille minimale

Minimum size

PEUGEOT Fondamentals V1.0 9


O1.1 Logotype | Logotype

VERSIONS
Il existe trois versions du bloc marque : le bloc-marque
centré, le bloc-marque vertical et le bloc-marque horizontal.
Ces versions sont à réserver à un usage papeterie et retail.
Les espaces de respiration sont construits tout autour du
bloc logotype à partir de la hauteur du blason.

VERSIONS
There are three of them: the centered marker block, the
vertical marker block and the horizontal marker block. These
versions are for stationery and retail use only.The breathing
spaces are built all around the logo block from the height of
the shield.

Bloc-marque centré
Centered marker block

Bloc-marque horizontal
Horizontal marker block

Bloc-marque vertical
Vertical marker block

PEUGEOT Fondamentals V1.0 10


O1.1 Logotype | Logotype

ZONE DE PROTECTION
Aucun élément graphique ou typographique de nature à
perturber la lisibilité ne doit venir s’inscrire dans la zone de
protection située autour du logotype.
Les espaces de respiration sont construits tout autour du
bloc logotype à partir de la hauteur du blason.

PROTECTION ZONE
No graphic or typographic elements should interfere with
the protection zone around the emblem. Breathing spaces
are constructed all round the emblem from the height of the
shield.

PEUGEOT Fondamentals V1.0 11


O1.1 Logotype | Logotype

1 2 3
INTERDITS
1 Ne pas changer la couleur de fond du logo
2 Ne pas créer une version en négatif
3 Ne pas appliquer d’effet spécial sur le logo
4 Ne pas modifier l’épaisseur du contour noir
du logo
5 Ne pas créer une version en contour
6 Ne pas supprimer le mot PEUGEOT
7 Ne pas métalliser le dessin du logo
8 Ne pas déformer le logo d’aucune manière

DON’TS
1 Do not change the logo’s background colour
2 Do not create a negative version
4 5 6
3 Do not apply any special effect on the logo.
4 Do not change the thickness of the
black contour.
5 Do not create an outline version
6 Do not delete the word PEUGEOT
7 Do not metallize the logo design
8 Do not distort or deform the logo in any way

7 8

PEUGEOT Fondamentals V1.0 12


O1.1 Logotype | Logotype Valeur limite d’utilisation du
blason sur fond transparent
Limit value for the use of
Luminosité
the shield on a transparent
Brightness background

UTILISATION SUR FOND


Le logotype peut être utilisé aussi bien en transparence que
dans sa version fond noir uni, dépendamment du support.
Le logotype en transparence ne peut être utilisé que sur un
fond suffisamment sombre, à la luminosité en dessous
de 60 % (luminosité 155/255).
Sur tous les fonds clairs, ou globalement, ne permettant
pas la bonne lisibilité du logotype, l’utilisation du logotype
sur fond noir uni est indispensable.

USAGE BACKGROUND
The emblem can be transparent according the following
guidelines.
The transparent emblem should only be used on a
background with a brightness below 60 % (brightness
155/255). 0% 20 % 40 % 60 % 70 % 100 %
On light backgrounds above this value the use of the
emblem with the black background shield is essential.

PEUGEOT Fondamentals V1.0 13


O1.1 Logotype | Logotype

APPLICATIONS
Éviter d’utiliser le blason sur fond transparent lorsque
le fond est trop clair ou trop complexe.

APPLICATIONS
Avoid using the transparent logo over a complicated
or bright background.

PEUGEOT Fondamentals V1.0 14


01.2 COULEURS
COLOURS

PEUGEOT Fondamentals V1.0 15


O1.2 Couleurs | Colours

COULEURS PRINCIPALES MAIN COLOURS


Les principales couleurs de notre marque sont en priorité Our primary brand colours are blue, grey, white and black.
le blanc, le noir, le gris, et bien entendu le bleu. Elles sont They are used to provide accessibility, simplicity, and
utilisées pour assurer l’accessibilité, la simplicité et la consistency through out all brand communications. Blue is
cohérence dans toutes les communications de la marque. an important colour that is unique to Peugeot and should
Le bleu est une couleur importante qui est propre à be used sparingly.
Peugeot, elle doit être utilisée avec parcimonie.

BLACK PROCYON BLUE WHITE VESTA GREY


RGB 0/0/0 RGB 0/163/224 RGB 255/255/255 RGB 208/211/212
CMYK 40/0/0/100 CMYK 79/7/0/0 CMYK 0/0/0/0 CMYK 14/8/4/0
HEX #000000 HEX #00A3E0 HEX #FFFFFF HEX #D0D3D4
PMS Black PMS 299C PMS White PMS 427C

USAGE PROPORTIONS

38 % 4% 45 % 13 %

PEUGEOT Fondamentals V1.0 16


O1.2 Couleurs | Colours

TONALITÉ COLORIELLE MAIN COLOUR TONE


Les tonalités colorielles s’adressent aux concepteurs The shade Colours are designated only for illustrations that
de documents. Elles sont destinées uniquement aux require tone-on-tone pairings and product designs that
illustrations qui nécessitent des variations de ton et require variations of tone and opacity.
d’opacité.

BLACK PROCYON BLUE WHITE VESTA GREY


RGB 0/0/0 RGB 0/163/224 RGB 255/255/255 RGB 208/211/212
CMYK 40/0/0/100 CMYK 79/7/0/0 CMYK 0/0/0/0 CMYK 14/8/4/0
HEX #000000 HEX #00A3E0 HEX #FFFFFF HEX #D0D3D4
PMS Black PMS 299C PMS White PMS 427C

PEUGEOT Fondamentals V1.0 17


O1.2 Couleurs | Colours

GUIDE DES COULEURS


Le noir, sobre et élégant, est la couleur qui incarne la
montée en gamme de la nouvelle identité de la marque. Le
noir peut être utilisé de manière dominante sur beaucoup de
supports.

Le gris Vesta est la couleur neutre de l’identité de Peugeot.


Cette couleur est moderne, fraîche et sa mission est de
pouvoir donner vie aux autres couleurs tout en restant
discrète. Son utilisation est essentiellement réservée au
supports digitaux.

Le blanc fait écho à la pureté, l’élégance, et la maîtrise


de la marque. Il s’agit de la couleur majoritaire au sein de
l’identité colorielle. Son utilisation est déployée sur tous les
supports.

Le bleu Procyon revisite le bleu historique de la marque


dans une teinte intense et claire qui évoque l’univers
digital, la précision, l’émotion. c’est la couleur distinctive de
l’identité Peugeot. Le bleu Procyon est une couleur qui doit BLACK VESTA GREY
apparaître de manière subtile et récurrente. Son utilisation
est réservée aux éléments graphiques ou aux titres et sous-
titres secondaires.

COLOUR GUIDANCE
Sober and elegant, black is a color that respects
Peugeot’s premium appearance. It can be used
in a dominant way on many supports.

Vesta grey is Peugeot’s identity neutral color. This color


is modern, fresh and its mission is to be able to bring
the other Colours to life while remaining discreet.

White echoes the purity, elegance, and mastery


of the brand. It is the majority color within the
color identity. Its use is deployed on all media.

The Procyon blue is a distinctive Peugeot identity color.


Its use is reserved for subtitles and light graphic elements.
However, it must be found on every page in a subtle and
understated way.

WHITE PROCYON BLUE

PEUGEOT Fondamentals V1.0 18


O1.2 Couleurs | Colours

INTERDITS
1 Ne pas utiliser le bleu Procyon en aplat
trop important.
2 Ne pas utiliser le bleu Procyon sur un aplat
en arrière plan du logo.
3 Ne pas utiliser le gris Vesta sur la typographie
extra light et light lorsque celle-ci est utilisée
en corps de texte sur fond blanc.
4 Ne pas utiliser le gris Vesta sur la typographie
lorsque celle-ci se trouve sur un fond
bleu Procyon.
Préférez l’utilisation du noir ou du blanc.

DON’TS
1 Do not use Procyon blue in solid too much.
2 Do not use Procyon blue on a solid background
of the logo.
3 Do not use Vesta gray with extra light and 1 2
light typography where it is used as body text
on a white background.
4 Do not use Vesta gray on the typography
when it is on a blue background Procyon.
Prefer the use of black or white.

Extra Light body copy with lorem ipsum quate porem ra nus arundemodi volut et alit unt dolupta
Body copy with lorem ipsum quate porem ra nus arundemodi volut et alit unt dolupta sperunt,
sperunt, sinusdam nobitatum quia dolor sequodiscius eaturit audi illandebis dionet vere debitatus
sinusdam nobitatum quia dolor sequodiscius eaturit audi illandebis dionet vere debitatus rae
rae ium atemporum lique doluptatus.Bitiae volorrum vel ilitincipit faccum eatest, omnihilias ma quas
ium atemporum lique doluptatus.Bitiae volorrum vel ilitincipit faccum eatest, omnihilias ma
cus alibus praepta plignis eum quas sit la cum dioratur ? Officidit et illacesci reped quis pa arum dolo
quas cus alibus praepta plignis eum quas sit la cum dioratur ? Officidit et illacesci reped quis
cuptatio. Et quat et volutem quis explanda que ius, audae sante offic temolup tatatatem qui aut aut
pa arum dolo cuptatio. Et quat et volutem quis explanda que ius, audae sante offic temolup
eos abore voluptae quos ma sequam arum volum volorep udaerna tiosapis as num que vellaces et
tatatatem qui aut aut eos abore voluptae quos ma sequam arum volum volorep udaerna
perferrum quatibu sapere odit, corero esciam, num et que nusantur?
tiosapis as num que vellaces et perferrum quatibu sapere odit, corero esciam, num et que
nusantur? Qui iliatiae andebit lacernam fugiant, ipsapis ad magnis dolor aritatur, solleni
mporepercium la sed molum nis plit id que dit evelecu saperis dolendellit quo magnimus quam
Light body copy with lorem ipsum quate porem ra nus arundemodi volut et alit unt dolupta
idusa con cum int quas volore reped quis remqui ommolut volor autem nonsequ idioris voluptat
sperunt, sinusdam nobitatum quia dolor sequodiscius eaturit audi illandebis dionet vere debitatus
ant etur aut adigent erspis es rectotae vernatur magnienda solorep rovidelibus, volecto id eos
rae ium atemporum lique doluptatus.Bitiae volorrum vel ilitincipit faccum eatest, omnihilias
nihilib ereprehent audam, optusamus con ratqui rest, simusape delicita quaerio quam, offici
ma quas cus alibus praepta plignis eum quas sit la cum dioratur ? Officidit et illacesci reped quis
comnit erovit ut recepuda quatur sim sequi dolut ex erum dolore venis renditecab iumque
pa arum dolo cuptatio. Et quat et volutem quis explanda que ius, audae sante offic temolup
voluptaturia numenda nihiciis rendellabo. Itatemp oritati serspidem que volupta tibusdam
tatatatem qui aut aut eos abore voluptae quos ma sequam arum volum volorep udaerna tiosapis
faccatur, quia velent eum ut dollabo.
as num que vellaces et perferrum quatibu sapere odit, corero esciam, num et que nusantur?

3 4

PEUGEOT Fondamentals V1.0 19


01.3 TYPOGRAPHIE
TYPOGRAPHY

PEUGEOT Fondamentals V1.0 20


O1.3 Typographie | Typography

TYPOGRAPHIES PEUGEOT NEW


Les typographies d’identité Peugeot ont été dessinées et
développées pour un usage exclusif.

PEUGEOT NEW TYPEFACES


The Peugeot identity fonts were designed and developed
for exclusive use.

PEUGEOT Graphical style guide 2021 _02_16 21


O1.3 Typographie | Typography
Peugeot New Extra Light Peugeot Extra Light Italic

ABCDEFGHIJKLM ABCDEFGHIJKLM
TYPOGRAPHIES PEUGEOT NEW NOPQRSTUVWXYZ NOPQRSTUVWXYZ
La typographie « Peugeot New » se décline en cinq graisses
accompagnées de leurs italiques.
abcdefghijklm abcdefghijklm
nopqrstuvwxyz nopqrstuvwxyz
PEUGEOT NEW TYPEFACES 0123456789 0123456789
The «Peugeot New» typography is available in five weights
with their italics.
Peugeot New Light Peugeot New Light Italic

ABCDEFGHIJKLM ABCDEFGHIJKLM
NOPQRSTUVWXYZ NOPQRSTUVWXYZ
abcdefghijklm abcdefghijklm
nopqrstuvwxyz nopqrstuvwxyz
0123456789 0123456789
Peugeot New Regular Peugeot New Regular Italic

ABCDEFGHIJKLM ABCDEFGHIJKLM
NOPQRSTUVWXYZ NOPQRSTUVWXYZ
abcdefghijklm abcdefghijklm
nopqrstuvwxyz nopqrstuvwxyz
0123456789 0123456789
Peugeot New Bold Peugeot New Bold Italic

ABCDEFGHIJKLM ABCDEFGHIJKLM
NOPQRSTUVWXYZ NOPQRSTUVWXYZ
abcdefghijklm abcdefghijklm
nopqrstuvwxyz nopqrstuvwxyz
0123456789 0123456789
Peugeot New Black Peugeot New Black Italic

ABCDEFGHIJKLM ABCDEFGHIJKLM
NOPQRSTUVWXYZ NOPQRSTUVWXYZ
abcdefghijklm abcdefghijklm
nopqrstuvwxyz nopqrstuvwxyz
0123456789 0123456789

PEUGEOT Fondamentals V1.0 22


O1.3 Typographie | Typography

HIÉRARCHIE
Les graisses light, bold et regular seront à privilégier
pour les textes courants et sous-titres.
Les graisses extra-light, bold et black seront préconisées
pour les grands titres.

WEIGHT APPLICATIONS
The light, regular and bold weights are to be used for
standard texts in readable size, while the thin and black
weights are used for big short headings.

TITRE EN CAPITALES
Titres
Peugeot New Black, Bold ou ExtraLight

Sous-titre bleu Sous- titres


Peugeot New Regular ou Light

Texte courant composé en Peugeot New regular. Lorem


ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna
aliqua. Eu mi bibendum neque egestas. Lacus sed viverra
Textes
tellus in hac. Peugeot New Regular ou Light

Texte courant composé en Peugeot New light ou regular.


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Eu mi bibendum neque egestas. Lacus sed viverra
tellus in hac
Légendes ou notes de bas de pages composées en Peugeot New regular Lorem ipsum dolor sit amet, Légendes et notes
consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu mi Peugeot New Regular
bibendum neque egestas. Lacus sed viverra tellus in hac

PEUGEOT Fondamentals V1.0 23


O1.3 Typographie | Typography

ASSOCIATIONS
Les trois options ci-contre sont préconisées afin d’assurer
lisibilité et hiérarchie optimales aux différents contenus.

PAIRINGS
The three options opposite are recommended in order to
ensure optimal readability and hierarchy of the different
contents.

TITRE BLACK
OPTION 1
X

Sous-titre Regular 0,75 X

TITRE BOLD
OPTION 2
X

Sous-titre Light 0,75 X

OPTION 3
TITRE EXTRALIGHT X

Sous-titre Regular 0,75 X

PEUGEOT Fondamentals V1.0 24


O1.3 Typographie | Typography

INTERDITS
Ne pas utiliser de couleurs sur la typographie TAILLE DU TITRE
Les couleur sont pour
1
2 Utilisez des tailles différentes pour titres, Le sous-titre doit être plus petit que le titre
les voitures
sous-titres et textes 1 2
3 Ne pas appliquer d’effets sur la typographie Le texte courant est à la même taille que le titre
4
5
Ne pas modifier l’interlettrage
Ne pas modifier l’interlignage
pas pour la typographie et le sous-titre ce qui rends la hiérarchie plus
difficile.
6 Ne pas aligner à gauche et à droite
les différentes parties d’un même texte
7 Le Peugeot New black est à réserver
pour les grands titres
8 Ne pas aligner le texte à droite

DONT’S
1 Do not use colors on the typography 3 Lire ceci est réellement 4
2
3
Size of the subtitles shoult be smaller
Avoid any special effect
très d i f f i c i l e !
4 Do not play with spacing of the fonts
5 Do not reduce the line spacing
6 Text should be aligned to the left,
do not misalign the sub text with the title
7 Peugeot New black font should be reserved
for titles only
8 Don’t align text to the right

TITRE TAILLE DU TITRE


5 Ceci est le sous-titre avec un interlignage 6
trop serré Le sous-titre n’est pas aligné sur le titre
Un texte trop peu interligné est difficile à lire et est Le texte courant n’est pas aligné non plus.
donc à éviter

TITRE TITRE
7 Sous-titre en Black Ceci est le sous-titre 8
Composer l’ensemble des textes en Peugeot Le texte courant aligné à droite
New Black nuit à la lisibilité. est plus difficile à lire.

PEUGEOT Fondamentals V1.0 25


O1.3 Typographie | Typography

APPLICATIONS

APPLICATIONS

PEUGEOT Fondamentals V1.0 26


01.4 MISE EN PAGES
LAYOUTS

PEUGEOT Fondamentals V1.0 27


O1.4 Mise en pages | Layout

1/32 1/16 1/8 1/4 1/2


LA GRILLE
Chaque format est divisé en deux verticalement ou
horizontalement, puis de nouveau en deux et ainsi de suite.
Cette grille est la base de construction de l’ensemble des
supports de communication.

THE GRID
Each format is divided in two vertically, then again in two
and so on. This grid is the basis for the construction of all
communication supports.

PEUGEOT Fondamentals V1.0 28


O1.4 Mise en pages | Layout

APPLICATIONS
Chaque format est divisé en deux verticalement ou
horizontalement, puis de nouveau en deux et ainsi de suite.

APPLICATIONS
Each format is divided in two vertically, then again in two
and so on.

PEUGEOT Fondamentals V1.0 29


En apprendre plus sur brand.peugeot.com Une question ? help.brand@peugeot.com
Learn more at brand.peugeot.com A question ? help.brand@peugeot.com
PEUGEOT Fondamentals V1.0 30

Vous aimerez peut-être aussi