R é a l i s é e p a r
C O N F É R E N C E
Du bon usage
d’une charte
graphique
LANCEZ VOTRE PROJET
DE STARTUP
D A V I D E N D I C O
C O F O U N D E R & E R G O D E S I G N E R
@ D a v i d E n d i c o
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 2 - 4 4
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 3 - 4 4
D U B O N U S A G E D ’ U N E C H A R T E G R A P H I Q U E
Quoi que c’est une
charte graphique ?
P E T I T E D É F I N I T I O N
Charte graphique
Ensemble des éléments et des normes d’utilisation définissant
l’identité visuelle de la marque.
— Stratégies
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 4 - 4 4
P E T I T E D É F I N I T I O N
Identité visuelle
Ensemble des éléments graphiques visant à exprimer la
personnalité de la marque et à faciliter sa reconnaissance.
— Publicitor 8e
édition, p. 17
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 5 - 4 4

Cohérence
Reconnaissance
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 6 - 4 4
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 7 - 4 4
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 8 - 4 4
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 9 - 4 4
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 1 0 - 4 4
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 1 1 - 4 4
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 1 2 - 4 4
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 1 3 - 4 4
D U B O N U S A G E D ’ U N E C H A R T E G R A P H I Q U E
D'accord, mais y'a
quoi dedans ?
Identitaire
Identifiable
Représentative
Originale
Unique
Durable
Simple
Compréhensible
Déclinable
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 1 4 - 4 4
Tu veux une charte graphique ?
Attends, je vais te faire un p'tit logo et
te trouver une police cool sur Dafont,
tu vas voir, ça va être trop groovy !
J'ai confiance
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 1 5 - 4 4
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 1 6 - 4 4
Logotype
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 1 7 - 4 4
C o r p o r at e d e s i g n – p r i n t
C H A R T E G R A P H I Q U E
Log o e t Li g n e s
VA R I A N T E S D E L A P R É S E N TAT I O N
P O S I T I F
P O U R L E S I M P R E S S I O N S / S U P P O R T S E N C O U L E U R , L E LO G O D ’A R T E E S T R E -
P R O D U I T S E U L E M E N T E N P O S I T I F (O R A N G E D ’A R T E ) E T E N B L A N C . P O U R L A
C O M P O S I T I O N E X AC T E D E S C O U L E U R S , S E R E P O R T E R A L A PAG E 7.
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 1 8 - 4 4
C O M P O S I T I O N E X AC T E D E S C O U L E U R S , S E R E P O R T E R A L A PAG E 7.
ZO N E D E P R OT E C T I O N :
L E LO G O A R T E P E U T Ê T R E D I S P O S É
L I B R E M E N T E N R E S P E C TA N T L A ZO N E
D E P R OT E C T I O N .
L’ E S PAC E M I N I M U M E S T R E P R É S E N T É
PA R L A H A U T E U R E T L A L A R G E U R
( F Û T ) D U « R » .
E XC E P T I O N S : S I L A H A U T E U R / L A R -
G E U R D E L A ZO N E D E P R OT E C T I O N
E S T R E S T R E I N T E , L’ E S PAC E M I N I M U M
P E U T E T R E R E D U I T A L A M O I T I E D U
F Û T D U « R » .
ZO N E D E P R OT E C T I O N L I G N E S :
E S PAC E M I N I M A L PA R R A P P O R T A U LO G O
E N F O N C T I O N D E L A P R É S E N TAT I O N E N
H A U T.
L E R E C O U R S A U X L I G N E S N ’ E S T PA S
O B L I G ATO I R E .
S I L E LO G O A R T E E S T U T I L I S É S A N S T E X T E ,
I L N E FA U T PA S D E L I G N E .
n o n o n on o n o
ZONE DE PROTECTION :
ZO N E D E P R OT E C T I O N :
L E LO G O A R T E P E U T Ê T R E D I S P O S É
L I B R E M E N T E N R E S P E C TA N T L A ZO N E
D E P R OT E C T I O N .
L’ E S PAC E M I N I M U M E S T R E P R É S E N T É
PA R L A H A U T E U R E T L A L A R G E U R
( F Û T ) D U « R » .
E XC E P T I O N S : S I L A H A U T E U R / L A R -
G E U R D E L A ZO N E D E P R OT E C T I O N
E S T R E S T R E I N T E , L’ E S PAC E M I N I M U M
P E U T E T R E R E D U I T A L A M O I T I E D U
F Û T D U « R » .
ZO N E D E P R OT E C T I O N L I G N E S :
E S PAC E M I N I M A L PA R R A P P O R T A U LO G O
E N F O N C T I O N D E L A P R É S E N TAT I O N E N
H A U T.
L E R E C O U R S A U X L I G N E S N ’ E S T PA S
O B L I G ATO I R E .
S I L E LO G O A R T E E S T U T I L I S É S A N S T E X T E ,
I L N E FA U T PA S D E L I G N E .
n o n o n on o n o
INTERDICTIONS :
5
N É G AT I F ( TO U J O U R S B L A N C ) P O S I T I F E T N É G AT I F S U R I M AG E
P O S I T I F
N O I R
P O U R L E S I M P R E S S I O N S / S U P P O R T S E N N O I R & B L A N C
P O S I T I F
4 5 % N O I R
RÈGLES D'APPLICATIONS :
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 1 9 - 4 4
20
CCI ALSACE
CCI STRASBOURG
ET BAS-RHIN
CCI CHALONS-EN-CHAMPAGNE
VITRY-LE-FRANÇOIS
STE-MÉNÉHOULD
CONSTRUCTION DES LOGOTypES :
taille de
référence :
X=18mm
taille de
référence :
X=18mm
taille de
référence :
X=18mm
X/4
X/4
X/4
X
X
X
alignement
alignement
alignement
typo nom
corps 28 pt
approche -5 pt
typo cci
corps 31 pt
approche -5 pt
typo nom
corps 23 pt
interligne 20 pt
approche -5 pt
typo nom
corps 19 pt
interligne 18 pt
approche -5 pt
typo cci
corps 26 pt
approche -5 pt
typo cci
corps 22 pt
approche -5 pt
L’appellation est composée avec la typographie Scout Bold,
en capitales d’imprimerie.
Dossier "CCI-logos/
CCI-echelons_types".
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 20-44
Logotype
Formats de
fichiers
 Jpg
 Png
 Svg
 Ai
Modes de
couleurs
 CMJN
 RVB
 Pantones
 NB
Règles
d'utilis	ation
 Espacements
 Interdictions
 Cas d'usages
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 2 1 - 4 4
Logotype
Couleurs
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 2 2 - 4 4
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 2 3 - 4 4
p o n d É r at i o n d e s C o U L e U r s
B L A N C
N O I R
O R A N G E A R T E
Journal
CMJN
RVB
PANTONE
HEX
C 0
M 80
J 100
N 0
R 250
V 72
B 28
172C
#FD4600
C 0
M 75
J 100
N 0
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 2 4 - 4 4
C o r p o r at e d e s i g n – p r i n t
C H A R T E G R A P H I Q U E
L A C O U L E U R P R I M A I R E O R A N G E E S T C O M P L É T É E PA R 4 A U T R E S
C O U L E U R S Q U I P E U V E N T Ê T R E U T I L I S É E S L I B R E M E N T : .
U n iV e r s CH ro M ati Q U e s eCo n da i r e
Co U Le U r s d ’aCCe ntUati o n
r e d
C : 0
M : 1 0 0
Y: 1 0 0
K : 0
R : 2 3 3
G : 3 4
B : 5 0
PA N TO N E :
0 3 2 C
L aVa n d e
C : 9 0
M : 1 0 0
Y: 0
K : 0
R : 74
G : 3 7
B : 1 1 8
PA N TO N E :
2 6 7 C
C o r a i L
C : 0
M : 5 0
Y: 5 0
K : 0
R : 2 5 5
G : 1 5 2
B : 1 4 4
PA N TO N E :
1 6 3 5 C
r U B i s
C : 5 0
M : 1 0 0
Y: 3 5
K : 0
R : 1 8 0
G : 0
B : 1 0 0
PA N TO N E :
2 2 1 C
g r i s
C : 6 5
M : 4 3
Y: 2 6
K : 7 8
R : 3 4
G : 4 6
B : 5 9
PA N TO N E :
4 3 2 C
R A L :
7 0 1 6 G R I S A N T H R AC I T E
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 2 5 - 4 4
Couleurs
Déclinaisons
de couleurs
 Primaires
 Secondaires
Modes de
couleurs
 RVB / CMJN
 Pantones
 Hexadécimal
Règles
d'utilis	ation
 Contrastes
 Impression
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 2 6 - 4 4
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 2 7 - 4 4
Logotype
Typographie
Couleurs
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 28-44
t Y p o d ’a r te
G OT H A M E S T L A N O U V E L L E T Y P O G R A P H I E D ‘A R T E .
L A P O L I C E G OT H A M E S T E S S E N T I E L L E M E N T
U T I L I S É E E N M A J U S C U L E S .
TA I L L E D E C O R P S D E T E X T E
À U T I L I S E R S I P O S S I B L E DA N S L E S TA I L L E S S U I VA N T E S E N P O I N T S .
goTham7 2 P T
goTham
goTham5 0 P T
goTham 3 6 P T
goTham 2 5 P T
goTham 1 8 P T
goTham 1 2 , 5 P T
8 , 5 P T
goTham 6 , 2 5 P T
Y p o d ’a r te
G OT H A M E S T L A N O U V E L L E T Y P O G R A P H I E D ‘A R T E .
L A P O L I C E G OT H A M E S T E S S E N T I E L L E M E N T
U T I L I S É E E N M A J U S C U L E S .
TA I L L E D E C O R P S D E T E X T E
À U T I L I S E R S I P O S S I B L E DA N S L E S TA I L L E S S U I VA N T E S E N P O I N T S .
goTham7 2 P T
goTham
goTham5 0 P T
goTham 3 6 P T
goTham 2 5 P T
goTham 1 8 P T
goTham 1 2 , 5 P T
8 , 5 P T
goTham 6 , 2 5 P T
t Y p o d ’a F F i CH ag e
O K S A N A 2 0 1 0 E S T PA R A I L L E U R S L A P O L I C E U T I L I S É E P O U R L’A F F I C H AG E ,
C H AQ U E F O I S Q U ’ I L E S T N É C E S S A I R E D ’AC C E N T U E R P L U S E N C O R E L A T Y P O G R A P H I E .
E XC L U S I V E M E N T E N M A J U S C U L E S .
U t i L i s at i o n p r i M a i r e : G R A N D S C H I F F R E S S T Y L I S É S
U t i L i s at i o n s e C o n da i r e : LO G O S S T Y L I S É S , R U B R I Q U E S , E TC . .
L É G E R
N O R M A L
G R A S
0 1 2 3 4 5 6 7 8 9
0 1 2 3 4 5 6 7 8 9
0 1 23 4 5 6 7 8 9
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 2 9 - 4 4
13G OT H A M E S T U T I L I S É E AV E C L E S S T Y L E S
D E P O L I C E S U I VA N T S
ABC D EFG H IJ K LM N O P Q RSTU V W X Y Z
abcdefghijklmnopqrstuv w x yz
0123 45 678 9  ?! ., :@  +
L i g H t ( L É g e r )
U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T
F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E
( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E )
aBc D efg h iJ k Lm N O P Q rSTU V W x Y Z
abcdefghijklmnopqrstuv w x yz
0123 45 678 9  ?! . , :@  +
B o o K
É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S
abcd e fg h iJ k lm n o p q RsTu v w x y Z
a b cd ef g h ij kl m n o p q rst uv w x yz
012 3 45 678 9  ?! . , : @ +
g r a s
É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S
A BC D E FG H IJ K LM N O P Q R STU V W X Y Z
a b cd ef g h i j k l m n o p q r st uv w x y z
01 2 3 4 5 678 9  ?! . , : @+
n o i r
U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T
F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E
( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E )
ABC D EFG H IJ K LM N O P Q RSTU V W X Y Z
abcdefghijklmnopqrstuv w x yz
0123 45 678 9  ?! ., :@  +
L i g H t ( L É g e r )
U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T
F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E
( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E )
aBc D efg h iJ k Lm N O P Q rSTU V W x Y Z
abcdefghijklmnopqrstuv w x yz
0123 45 678 9  ?! . , :@  +
B o o K
É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S
abcd e fg h iJ k lm n o p q RsTu v w x y Z
a b cd ef g h ij kl m n o p q rst uv w x yz
012 3 45 678 9  ?! . , : @ +
g r a s
É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S
A BC D E FG H IJ K LM N O P Q R STU V W X Y Z
a b cd ef g h i j k l m n o p q r st uv w x y z
01 2 3 4 5 678 9  ?! . , : @+
n o i r
U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T
F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E
( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E )
ABC D EFG H IJ K LM N O P Q RSTU V W X Y Z
abcdefghijklmnopqrstuv w x yz
0123 45 678 9  ?! ., :@  +
L i g H t ( L É g e r )
U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T
F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E
( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E )
aBc D efg h iJ k Lm N O P Q rSTU V W x Y Z
abcdefghijklmnopqrstuv w x yz
0123 45 678 9  ?! . , :@  +
B o o K
É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S
abcd e fg h iJ k lm n o p q RsTu v w x y Z
a b cd ef g h ij kl m n o p q rst uv w x yz
012 3 45 678 9  ?! . , : @ +
g r a s
É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S
A BC D E FG H IJ K LM N O P Q R STU V W X Y Z
a b cd ef g h i j k l m n o p q r st uv w x y z
01 2 3 4 5 678 9  ?! . , : @+
n o i r
U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T
F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E
( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E )
ABC D EFG H IJ K LM N O P Q RSTU V W X Y Z
abcdefghijklmnopqrstuv w x yz
0123 45 678 9  ?! ., :@  +
L i g H t ( L É g e r )
U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T
F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E
( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E )
aBc D efg h iJ k Lm N O P Q rSTU V W x Y Z
abcdefghijklmnopqrstuv w x yz
0123 45 678 9  ?! . , :@  +
B o o K
É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S
abcd e fg h iJ k lm n o p q RsTu v w x y Z
a b cd ef g h ij kl m n o p q rst uv w x yz
012 3 45 678 9  ?! . , : @ +
g r a s
É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S
A BC D E FG H IJ K LM N O P Q R STU V W X Y Z
a b cd ef g h i j k l m n o p q r st uv w x y z
01 2 3 4 5 678 9  ?! . , : @+
n o i r
U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T
F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E
( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E )
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 30-44
17
O N - A I R O F F - A I R
O N - A I R U N D O F F - A I R T Y P O G R A P H I E B A S I E R E N A U F D E N G L E I C H E N V O R G A B E N
C O R P O R A T E D E S I G N – A N W E N D U N G
aRTe g.e.i.e.
4 quai du chanoine winTeReR
cs 20035
67080 sTRasbouRg cedex
posTfach 1980
77679 kehl
L A T Y P O G R A P H I E À L’A N T E N N E E T H O R S A N T E N N E
R E P O S E S U R L E S M Ê M E S P R I N C I P E S
O N - A I R O F F - A I R / P R I N T
n s d e p o Li Ce s
R T E E S T L E F R U I T D E L A C O M B I N A I S O N
K S A N A D E G R A N D E TA I L L E .
N C I PA L E
B E I S P I E L E :
D A S N E U E T Y P O G R A F I S C H E G E S I C H T V O N A R T E E R G I B T S I C H A U S D E R
K O M B I N A T I O N D E R G O T H A M M I T D E N G R O S S E N Z A H L E N D E R O K S A N A .
2loRem
ipsumdol
immeR noch den
schalk im nacken:
RegisseuR
claude chabRol
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 3 1 - 4 4
 http://www.dailymotion.com/video/xfpaqk
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 3 2 - 4 4
Typographies
Polices
employées
 Primaires
 Secondaires
 Alternatives
Styles de
paragraphes
 Polices
 Graisses
 Tailles
Règles
d'utilis	ation
 Cas d'usages
 Compositions
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 3 3 - 4 4
Logotype
Typographie
Couleurs
Éléments
graphiques
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 3 4 - 4 4
C o r p o r at e d e s i g n – p r i n t
C H A R T E G R A P H I Q U E
L a Fo r M e /s H a pe – V eC te U r d ’ i n Fo r M ati o n
+
F O R M EI M AG E
L E S F O R M E S S O N T G É N É R É E S E N F O N C T I O N D E S
A P P L I C AT I O N S . V E I L L E R À C E Q U E L E S C O I N S N E
F O R M E N T PA S D E S A N G L E S T R O P A I G U S .
É V I T E R S I P O S S I B L E L A S U P E R P O S I T I O N D E
V I S AG E S , D E M Ê M E Q U E D E S Y E U X , D U N E Z E T D E
L A B O U C H E .
25
L E S I M AG E S P E U V E N T Ê T R E
P R E S E N T E E S DA N S U N E F O R M E /
S H A P E
M e s s ag e
C L A I R
E T S I M P L E
i M paC t s U r L’ i M ag e d ’a r t e
FA I B L E À M OY E N
S C U L P T U R E C O M M E T E X T U R E DA N S U N E F O R M E / S H A P E .
L A F O R M E / S H A P E R E C O U V R E ( L AY E R ) L’ I M AG E .
L A C O U C H E ( L AY E R ) E S T L É G È R E M E N T T R A N S PA R E N T E .
M e s s ag e
C L A S S I Q U E
S É R I E U X
N O B L E
S O L E N N E L
i M paC t s U r L’ i M ag e d ’a r t e
É L E V É
U t i L i s at i o n
C o M M e V e C t e U r d ‘ i M ag e
L a Fo r M e /s H a pe – V eC te U r d ’ i n Fo r M ati o n
+
F O R M EI M AG E
L E S F O R M E S S O N T G É N É R É E S E N F O N C T I O N D E S
A P P L I C AT I O N S . V E I L L E R À C E Q U E L E S C O I N S N E
F O R M E N T PA S D E S A N G L E S T R O P A I G U S .
É V I T E R S I P O S S I B L E L A S U P E R P O S I T I O N D E
V I S AG E S , D E M Ê M E Q U E D E S Y E U X , D U N E Z E T D E
L A B O U C H E .
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 3 5 - 4 4
27
F o r M e B L a n C H e *
C O R R E S P O N D DAVA N TAG E
À D E S C O N T E N U S I N F O R M AT I F S
L E M E S S AG E E S T
C L A I R ,
D I R E C T E T
S I M P L E
U n e F o r M e / s H a p e aV e C L a s C U L p t U r e
S Y M B O L I S E P L U TÔT D E S
C O N T E N U S P O R T E U R S D ’ I M AG E
L E M E S S AG E E S T S É R I E U X
A R T E P R O U D LY P R E S E N T S
E T C L A S S I Q U E
claude chabRol
heRZlichen glückwunsch
fÉliciTaTion
20.1515. mÄRZ 2011
aRTe–pRemieRe
claude chabRol
die dokumenTaTion
15/03/11um 20.15 uhR
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 3 6 - 4 4
ÉLÉMENT GRApHIQUES
Il est possible d’utiliser des cadrages zoomés sur le sigle, ou certains
des éléments le constituant. On peut aussi le modéliser en 3D.
Ne pas déformer les éléments et/ou le sigle.
Ne pas changer les proportions des élements du sigle.
INTERDITS
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 3 7 - 4 4
I M A G E F I L T E R I N G
I M A G E
U s e w i t h 3 0 % o p a c i t y
+ F I L T E R
U s e b l a c k a n d w h i t e f i l t e r
+ G R A D I E N T
U s e w i t h o v e r l a y c o l o r b l e n d i n g
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 3 8 - 4 4
G U I D E L I N E S U S E E X A M P L E
Préservons
votre capacité
d’entreprendre
Micro-entrepeneur ? Arrêtez de
perdre du temps ! Devis, factures,
livre de compte, déclaration RSI...
KoalaME est là pour vous !
F O N T S
L O G O
I M A G E
C O L O R S
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 3 9 - 4 4
62
gabaritword
46 avenue de la Grande Armée – CS 500071 - 75858 Paris Cedex 17 - T. 01 23 45 67 89 - F. 01 23 45 67 89 www.cci.fr
Madame, Monsieur,
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis nibh ac felis luctus sit amet
tristique justo rhoncus. Cras eleifend egestas felis vel adipiscing. Cras eu odio ut neque scelerisque mattis.
Donec non arcu velit, pharetra luctus massa. Duis velit libero, aliquet quis interdum at, pretium id dui.
Donec venenatis, diam scelerisque pretium scelerisque, massa eros imperdiet diam, in pulvinar leo sem ac
arcu. Nunc turpis ligula, ullamcorper vitae varius in, bibendum vel nisi. Suspendisse in velit sit amet libero
eleifend varius. Sed pretium faucibus orci, ac molestie nisi elementum dapibus.
Morbi a tellus urna. Donec tellus dolor, lacinia eget tempus vitae, sagittis vitae quam. Maecenas aliquet
turpis nec lectus vehicula ullamcorper tincidunt erat porta. Quisque dapibus tristique elit. Aliquam lectus
massa, tempor eu scelerisque sodales, scelerisque vitae enim. Nulla tincidunt sodales dignissim. Sed
cursus aliquam arcu nec vulputate. Praesent suscipit metus vehicula ante vulputate at mollis eros hendre-
rit. Aliquam sagittis velit neque. Sed scelerisque odio sit amet sem suscipit venenatis. Vivamus volutpat
molestie erat eget convallis. Morbi eget dui lorem. In at urna et massa porta venenatis. Donec ullamcorper
felis sed ipsum volutpat condimentum. Sed pellentesque erat eu tellus aliquet sodales.
Maecenas eu augue eu risus fringilla tempus. Curabitur vitae dui ipsum, sit amet dictum augue. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque egestas sem vitae
elit rutrum bibendum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Praesent rhoncus semper laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis nibh ac felis luctus sit amet
tristique justo rhoncus. Cras eleifend egestas felis vel adipiscing. Cras eu odio ut neque scelerisque mattis.
Donec non arcu velit, pharetra luctus massa. Duis velit libero, aliquet quis interdum at, pretium id dui.
Donec venenatis, diam scelerisque pretium scelerisque, massa eros imperdiet diam, in pulvinar leo sem ac
arcu. Nunc turpis ligula, ullamcorper vitae varius in, bibendum vel nisi. Suspendisse in velit sit amet libero
eleifend varius. Sed pretium faucibus orci, ac molestie nisi elementum dapibus.
Morbi a tellus urna. Donec tellus dolor, lacinia eget tempus vitae, sagittis vitae quam. Maecenas aliquet
turpis nec lectus vehicula ullamcorper tincidunt erat porta. Quisque dapibus tristique elit. Aliquam lectus
massa, tempor eu scelerisque sodales, scelerisque vitae enim. Nulla tincidunt sodales dignissim. Sed
cursus aliquam arcu nec vulputate. Praesent suscipit metus vehicula ante vulputate at mollis eros hendre-
rit. Aliquam sagittis velit neque. Sed scelerisque odio sit amet sem suscipit venenatis. Vivamus volutpat
molestie erat eget convallis. Morbi eget dui lorem. In at urna et massa porta venenatis. Donec ullamcorper
felis sed ipsum volutpat condimentum. Sed pellentesque erat eu tellus aliquet sodales.
Paris, le 12/09/13
corpS de texte
DejaVu Sans condensed
corps 8,5 pt
interlignage 13 pt
Ferré à gauche ou justifié.
Noir 100%
SpécificationS
On se base sur
la construction
du communiqué
depresse.
(page 55)
L’utilisation du sigle
en «puce» (bullet point)
est proscrite.
50
T. 01 23 45 67 89 - M. 06 23 45 67 89 - F. 01 23 45 67 89
Centre de Salorges - 16 quai Ernest Renaud
BP 90517 - 44105 Nantes Cedex 4
f.idoux@ccinantes.fr www.nantesstnazaire.cci.fr
T. 01 23 45 67 89 - M. 06 23 45 67 89 - F. 01 23 45 67 89
46 avenue de la Grande Armée – CS 500071
75858 Paris Cedex 17
t.coiffier@ccifrance.fr www.cci.fr
thibaut coiffier
Chargé de projet
CartedeVisite
papeterie
Utiliser les modèles :
Dossier CCI-supports/
papeterie/CCI-cartedevisite.eps.
t.coiffier@ccifrance.fr Mob 06 23 45 67 89
46 avenue de la Grande Armée
CD 50071- 75858 Paris Cedex 17
tel 01 23 45 67 89 fax 01 23 45 67 88
www.cci.fr
thibaut coiffier
Chargé de projet
t.coiffier@international.cci.fr Mob 06 23 45 67 89
46 avenue de la Grande Armée
CD 50071- 75858 Paris Cedex 17
tel 01 23 45 67 89 fax 01 23 45 67 88
www.international.cci.fr
T. 01 23 45 67 89 - M. 06 23 45 67 89 - F. 01 23 45 67 89
Centre de Salorges - 16 quai Ernest Renaud
BP 90517 - 44105 Nantes Cedex 4
f.idoux@ccinantes.fr www.nantesstnazaire.cci.fr
fabien idoux
Responsable logistique
Direction des opérations
thibaut coiffier
Chargé de projet
cci nanteS
St-naZaire
cci nÎmeS
cci international
taille de
référence :
X=10mm
le logo est
centré dans
la hauteur
de la carte.
X/4
X/2
X/2
X
nom
Scout Bold
corps 9 pt
interlignage 11pt
approche 20 pt
titre
DejaVu Sans condensed
corps 6 pt
interlignage 8 pt
approche 20 pt
adreSSe
DejaVu Sans condensed
corps 6 pt
interlignage 8 pt
approche 20 pt
web
rouge : C0 M100 J62 N0
SpécificationS
format 85 x 55 mm
impreSSion
en quadrichromie
papier blanc 300 g
alignement
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 40-44
Logotype
Typographie
Composition
Bannières web
Etc...
SignalétiqueCouleurs
Charte éditoriale
Papeterie
Papeterie
Éléments
graphiques
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 4 1 - 4 4

Cohérence
Reconnaissance
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 4 2 - 4 4
Je veux une charte graphique sérieuse
et moderne, orientée web et livrée
avec son kit media. T'es avec moi ?
Okay
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 4 3 - 4 4
Merci de votre attention !
Avez-vous des
questions ?
B e a r S t u d i o
A l l r i g h t s r e s e r v e d
@ D a v i d E n d i co 4 4 - 4 4

Conférence - Du bon usage d'une charte graphique

  • 1.
    R é al i s é e p a r C O N F É R E N C E Du bon usage d’une charte graphique LANCEZ VOTRE PROJET DE STARTUP
  • 2.
    D A VI D E N D I C O C O F O U N D E R & E R G O D E S I G N E R @ D a v i d E n d i c o B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 - 4 4
  • 3.
    B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 - 4 4 D U B O N U S A G E D ’ U N E C H A R T E G R A P H I Q U E Quoi que c’est une charte graphique ?
  • 4.
    P E TI T E D É F I N I T I O N Charte graphique Ensemble des éléments et des normes d’utilisation définissant l’identité visuelle de la marque. — Stratégies B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 4 - 4 4
  • 5.
    P E TI T E D É F I N I T I O N Identité visuelle Ensemble des éléments graphiques visant à exprimer la personnalité de la marque et à faciliter sa reconnaissance. — Publicitor 8e édition, p. 17 B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 5 - 4 4
  • 6.
     Cohérence Reconnaissance B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 6 - 4 4
  • 7.
    B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 7 - 4 4
  • 8.
    B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 8 - 4 4
  • 9.
    B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 9 - 4 4
  • 10.
    B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 0 - 4 4
  • 11.
    B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 1 - 4 4
  • 12.
    B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 2 - 4 4
  • 13.
    B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 3 - 4 4 D U B O N U S A G E D ’ U N E C H A R T E G R A P H I Q U E D'accord, mais y'a quoi dedans ?
  • 14.
    Identitaire Identifiable Représentative Originale Unique Durable Simple Compréhensible Déclinable B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 4 - 4 4
  • 15.
    Tu veux unecharte graphique ? Attends, je vais te faire un p'tit logo et te trouver une police cool sur Dafont, tu vas voir, ça va être trop groovy ! J'ai confiance B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 5 - 4 4
  • 16.
    B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 6 - 4 4
  • 17.
    Logotype B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 7 - 4 4
  • 18.
    C o rp o r at e d e s i g n – p r i n t C H A R T E G R A P H I Q U E Log o e t Li g n e s VA R I A N T E S D E L A P R É S E N TAT I O N P O S I T I F P O U R L E S I M P R E S S I O N S / S U P P O R T S E N C O U L E U R , L E LO G O D ’A R T E E S T R E - P R O D U I T S E U L E M E N T E N P O S I T I F (O R A N G E D ’A R T E ) E T E N B L A N C . P O U R L A C O M P O S I T I O N E X AC T E D E S C O U L E U R S , S E R E P O R T E R A L A PAG E 7. B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 8 - 4 4
  • 19.
    C O MP O S I T I O N E X AC T E D E S C O U L E U R S , S E R E P O R T E R A L A PAG E 7. ZO N E D E P R OT E C T I O N : L E LO G O A R T E P E U T Ê T R E D I S P O S É L I B R E M E N T E N R E S P E C TA N T L A ZO N E D E P R OT E C T I O N . L’ E S PAC E M I N I M U M E S T R E P R É S E N T É PA R L A H A U T E U R E T L A L A R G E U R ( F Û T ) D U « R » . E XC E P T I O N S : S I L A H A U T E U R / L A R - G E U R D E L A ZO N E D E P R OT E C T I O N E S T R E S T R E I N T E , L’ E S PAC E M I N I M U M P E U T E T R E R E D U I T A L A M O I T I E D U F Û T D U « R » . ZO N E D E P R OT E C T I O N L I G N E S : E S PAC E M I N I M A L PA R R A P P O R T A U LO G O E N F O N C T I O N D E L A P R É S E N TAT I O N E N H A U T. L E R E C O U R S A U X L I G N E S N ’ E S T PA S O B L I G ATO I R E . S I L E LO G O A R T E E S T U T I L I S É S A N S T E X T E , I L N E FA U T PA S D E L I G N E . n o n o n on o n o ZONE DE PROTECTION : ZO N E D E P R OT E C T I O N : L E LO G O A R T E P E U T Ê T R E D I S P O S É L I B R E M E N T E N R E S P E C TA N T L A ZO N E D E P R OT E C T I O N . L’ E S PAC E M I N I M U M E S T R E P R É S E N T É PA R L A H A U T E U R E T L A L A R G E U R ( F Û T ) D U « R » . E XC E P T I O N S : S I L A H A U T E U R / L A R - G E U R D E L A ZO N E D E P R OT E C T I O N E S T R E S T R E I N T E , L’ E S PAC E M I N I M U M P E U T E T R E R E D U I T A L A M O I T I E D U F Û T D U « R » . ZO N E D E P R OT E C T I O N L I G N E S : E S PAC E M I N I M A L PA R R A P P O R T A U LO G O E N F O N C T I O N D E L A P R É S E N TAT I O N E N H A U T. L E R E C O U R S A U X L I G N E S N ’ E S T PA S O B L I G ATO I R E . S I L E LO G O A R T E E S T U T I L I S É S A N S T E X T E , I L N E FA U T PA S D E L I G N E . n o n o n on o n o INTERDICTIONS : 5 N É G AT I F ( TO U J O U R S B L A N C ) P O S I T I F E T N É G AT I F S U R I M AG E P O S I T I F N O I R P O U R L E S I M P R E S S I O N S / S U P P O R T S E N N O I R & B L A N C P O S I T I F 4 5 % N O I R RÈGLES D'APPLICATIONS : B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 9 - 4 4
  • 20.
    20 CCI ALSACE CCI STRASBOURG ETBAS-RHIN CCI CHALONS-EN-CHAMPAGNE VITRY-LE-FRANÇOIS STE-MÉNÉHOULD CONSTRUCTION DES LOGOTypES : taille de référence : X=18mm taille de référence : X=18mm taille de référence : X=18mm X/4 X/4 X/4 X X X alignement alignement alignement typo nom corps 28 pt approche -5 pt typo cci corps 31 pt approche -5 pt typo nom corps 23 pt interligne 20 pt approche -5 pt typo nom corps 19 pt interligne 18 pt approche -5 pt typo cci corps 26 pt approche -5 pt typo cci corps 22 pt approche -5 pt L’appellation est composée avec la typographie Scout Bold, en capitales d’imprimerie. Dossier "CCI-logos/ CCI-echelons_types". B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 20-44
  • 21.
    Logotype Formats de fichiers Jpg Png Svg Ai Modes de couleurs CMJN RVB Pantones NB Règles d'utilis ation Espacements Interdictions Cas d'usages B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 1 - 4 4
  • 22.
    Logotype Couleurs B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 2 - 4 4
  • 23.
    B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 3 - 4 4
  • 24.
    p o nd É r at i o n d e s C o U L e U r s B L A N C N O I R O R A N G E A R T E Journal CMJN RVB PANTONE HEX C 0 M 80 J 100 N 0 R 250 V 72 B 28 172C #FD4600 C 0 M 75 J 100 N 0 B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 4 - 4 4
  • 25.
    C o rp o r at e d e s i g n – p r i n t C H A R T E G R A P H I Q U E L A C O U L E U R P R I M A I R E O R A N G E E S T C O M P L É T É E PA R 4 A U T R E S C O U L E U R S Q U I P E U V E N T Ê T R E U T I L I S É E S L I B R E M E N T : . U n iV e r s CH ro M ati Q U e s eCo n da i r e Co U Le U r s d ’aCCe ntUati o n r e d C : 0 M : 1 0 0 Y: 1 0 0 K : 0 R : 2 3 3 G : 3 4 B : 5 0 PA N TO N E : 0 3 2 C L aVa n d e C : 9 0 M : 1 0 0 Y: 0 K : 0 R : 74 G : 3 7 B : 1 1 8 PA N TO N E : 2 6 7 C C o r a i L C : 0 M : 5 0 Y: 5 0 K : 0 R : 2 5 5 G : 1 5 2 B : 1 4 4 PA N TO N E : 1 6 3 5 C r U B i s C : 5 0 M : 1 0 0 Y: 3 5 K : 0 R : 1 8 0 G : 0 B : 1 0 0 PA N TO N E : 2 2 1 C g r i s C : 6 5 M : 4 3 Y: 2 6 K : 7 8 R : 3 4 G : 4 6 B : 5 9 PA N TO N E : 4 3 2 C R A L : 7 0 1 6 G R I S A N T H R AC I T E B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 5 - 4 4
  • 26.
    Couleurs Déclinaisons de couleurs Primaires Secondaires Modes de couleurs RVB / CMJN Pantones Hexadécimal Règles d'utilis ation Contrastes Impression B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 6 - 4 4
  • 27.
    B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 7 - 4 4
  • 28.
    Logotype Typographie Couleurs B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 28-44
  • 29.
    t Y po d ’a r te G OT H A M E S T L A N O U V E L L E T Y P O G R A P H I E D ‘A R T E . L A P O L I C E G OT H A M E S T E S S E N T I E L L E M E N T U T I L I S É E E N M A J U S C U L E S . TA I L L E D E C O R P S D E T E X T E À U T I L I S E R S I P O S S I B L E DA N S L E S TA I L L E S S U I VA N T E S E N P O I N T S . goTham7 2 P T goTham goTham5 0 P T goTham 3 6 P T goTham 2 5 P T goTham 1 8 P T goTham 1 2 , 5 P T 8 , 5 P T goTham 6 , 2 5 P T Y p o d ’a r te G OT H A M E S T L A N O U V E L L E T Y P O G R A P H I E D ‘A R T E . L A P O L I C E G OT H A M E S T E S S E N T I E L L E M E N T U T I L I S É E E N M A J U S C U L E S . TA I L L E D E C O R P S D E T E X T E À U T I L I S E R S I P O S S I B L E DA N S L E S TA I L L E S S U I VA N T E S E N P O I N T S . goTham7 2 P T goTham goTham5 0 P T goTham 3 6 P T goTham 2 5 P T goTham 1 8 P T goTham 1 2 , 5 P T 8 , 5 P T goTham 6 , 2 5 P T t Y p o d ’a F F i CH ag e O K S A N A 2 0 1 0 E S T PA R A I L L E U R S L A P O L I C E U T I L I S É E P O U R L’A F F I C H AG E , C H AQ U E F O I S Q U ’ I L E S T N É C E S S A I R E D ’AC C E N T U E R P L U S E N C O R E L A T Y P O G R A P H I E . E XC L U S I V E M E N T E N M A J U S C U L E S . U t i L i s at i o n p r i M a i r e : G R A N D S C H I F F R E S S T Y L I S É S U t i L i s at i o n s e C o n da i r e : LO G O S S T Y L I S É S , R U B R I Q U E S , E TC . . L É G E R N O R M A L G R A S 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 23 4 5 6 7 8 9 B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 9 - 4 4
  • 30.
    13G OT HA M E S T U T I L I S É E AV E C L E S S T Y L E S D E P O L I C E S U I VA N T S ABC D EFG H IJ K LM N O P Q RSTU V W X Y Z abcdefghijklmnopqrstuv w x yz 0123 45 678 9 ?! ., :@ + L i g H t ( L É g e r ) U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E ( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E ) aBc D efg h iJ k Lm N O P Q rSTU V W x Y Z abcdefghijklmnopqrstuv w x yz 0123 45 678 9 ?! . , :@ + B o o K É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S abcd e fg h iJ k lm n o p q RsTu v w x y Z a b cd ef g h ij kl m n o p q rst uv w x yz 012 3 45 678 9 ?! . , : @ + g r a s É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S A BC D E FG H IJ K LM N O P Q R STU V W X Y Z a b cd ef g h i j k l m n o p q r st uv w x y z 01 2 3 4 5 678 9 ?! . , : @+ n o i r U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E ( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E ) ABC D EFG H IJ K LM N O P Q RSTU V W X Y Z abcdefghijklmnopqrstuv w x yz 0123 45 678 9 ?! ., :@ + L i g H t ( L É g e r ) U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E ( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E ) aBc D efg h iJ k Lm N O P Q rSTU V W x Y Z abcdefghijklmnopqrstuv w x yz 0123 45 678 9 ?! . , :@ + B o o K É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S abcd e fg h iJ k lm n o p q RsTu v w x y Z a b cd ef g h ij kl m n o p q rst uv w x yz 012 3 45 678 9 ?! . , : @ + g r a s É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S A BC D E FG H IJ K LM N O P Q R STU V W X Y Z a b cd ef g h i j k l m n o p q r st uv w x y z 01 2 3 4 5 678 9 ?! . , : @+ n o i r U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E ( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E ) ABC D EFG H IJ K LM N O P Q RSTU V W X Y Z abcdefghijklmnopqrstuv w x yz 0123 45 678 9 ?! ., :@ + L i g H t ( L É g e r ) U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E ( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E ) aBc D efg h iJ k Lm N O P Q rSTU V W x Y Z abcdefghijklmnopqrstuv w x yz 0123 45 678 9 ?! . , :@ + B o o K É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S abcd e fg h iJ k lm n o p q RsTu v w x y Z a b cd ef g h ij kl m n o p q rst uv w x yz 012 3 45 678 9 ?! . , : @ + g r a s É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S A BC D E FG H IJ K LM N O P Q R STU V W X Y Z a b cd ef g h i j k l m n o p q r st uv w x y z 01 2 3 4 5 678 9 ?! . , : @+ n o i r U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E ( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E ) ABC D EFG H IJ K LM N O P Q RSTU V W X Y Z abcdefghijklmnopqrstuv w x yz 0123 45 678 9 ?! ., :@ + L i g H t ( L É g e r ) U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E ( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E ) aBc D efg h iJ k Lm N O P Q rSTU V W x Y Z abcdefghijklmnopqrstuv w x yz 0123 45 678 9 ?! . , :@ + B o o K É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S abcd e fg h iJ k lm n o p q RsTu v w x y Z a b cd ef g h ij kl m n o p q rst uv w x yz 012 3 45 678 9 ?! . , : @ + g r a s É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S A BC D E FG H IJ K LM N O P Q R STU V W X Y Z a b cd ef g h i j k l m n o p q r st uv w x y z 01 2 3 4 5 678 9 ?! . , : @+ n o i r U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E ( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E ) B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 30-44
  • 31.
    17 O N -A I R O F F - A I R O N - A I R U N D O F F - A I R T Y P O G R A P H I E B A S I E R E N A U F D E N G L E I C H E N V O R G A B E N C O R P O R A T E D E S I G N – A N W E N D U N G aRTe g.e.i.e. 4 quai du chanoine winTeReR cs 20035 67080 sTRasbouRg cedex posTfach 1980 77679 kehl L A T Y P O G R A P H I E À L’A N T E N N E E T H O R S A N T E N N E R E P O S E S U R L E S M Ê M E S P R I N C I P E S O N - A I R O F F - A I R / P R I N T n s d e p o Li Ce s R T E E S T L E F R U I T D E L A C O M B I N A I S O N K S A N A D E G R A N D E TA I L L E . N C I PA L E B E I S P I E L E : D A S N E U E T Y P O G R A F I S C H E G E S I C H T V O N A R T E E R G I B T S I C H A U S D E R K O M B I N A T I O N D E R G O T H A M M I T D E N G R O S S E N Z A H L E N D E R O K S A N A . 2loRem ipsumdol immeR noch den schalk im nacken: RegisseuR claude chabRol B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 1 - 4 4
  • 32.
     http://www.dailymotion.com/video/xfpaqk B ea r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 2 - 4 4
  • 33.
    Typographies Polices employées Primaires Secondaires Alternatives Styles de paragraphes Polices Graisses Tailles Règles d'utilis ation Cas d'usages Compositions B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 3 - 4 4
  • 34.
    Logotype Typographie Couleurs Éléments graphiques B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 4 - 4 4
  • 35.
    C o rp o r at e d e s i g n – p r i n t C H A R T E G R A P H I Q U E L a Fo r M e /s H a pe – V eC te U r d ’ i n Fo r M ati o n + F O R M EI M AG E L E S F O R M E S S O N T G É N É R É E S E N F O N C T I O N D E S A P P L I C AT I O N S . V E I L L E R À C E Q U E L E S C O I N S N E F O R M E N T PA S D E S A N G L E S T R O P A I G U S . É V I T E R S I P O S S I B L E L A S U P E R P O S I T I O N D E V I S AG E S , D E M Ê M E Q U E D E S Y E U X , D U N E Z E T D E L A B O U C H E . 25 L E S I M AG E S P E U V E N T Ê T R E P R E S E N T E E S DA N S U N E F O R M E / S H A P E M e s s ag e C L A I R E T S I M P L E i M paC t s U r L’ i M ag e d ’a r t e FA I B L E À M OY E N S C U L P T U R E C O M M E T E X T U R E DA N S U N E F O R M E / S H A P E . L A F O R M E / S H A P E R E C O U V R E ( L AY E R ) L’ I M AG E . L A C O U C H E ( L AY E R ) E S T L É G È R E M E N T T R A N S PA R E N T E . M e s s ag e C L A S S I Q U E S É R I E U X N O B L E S O L E N N E L i M paC t s U r L’ i M ag e d ’a r t e É L E V É U t i L i s at i o n C o M M e V e C t e U r d ‘ i M ag e L a Fo r M e /s H a pe – V eC te U r d ’ i n Fo r M ati o n + F O R M EI M AG E L E S F O R M E S S O N T G É N É R É E S E N F O N C T I O N D E S A P P L I C AT I O N S . V E I L L E R À C E Q U E L E S C O I N S N E F O R M E N T PA S D E S A N G L E S T R O P A I G U S . É V I T E R S I P O S S I B L E L A S U P E R P O S I T I O N D E V I S AG E S , D E M Ê M E Q U E D E S Y E U X , D U N E Z E T D E L A B O U C H E . B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 5 - 4 4
  • 36.
    27 F o rM e B L a n C H e * C O R R E S P O N D DAVA N TAG E À D E S C O N T E N U S I N F O R M AT I F S L E M E S S AG E E S T C L A I R , D I R E C T E T S I M P L E U n e F o r M e / s H a p e aV e C L a s C U L p t U r e S Y M B O L I S E P L U TÔT D E S C O N T E N U S P O R T E U R S D ’ I M AG E L E M E S S AG E E S T S É R I E U X A R T E P R O U D LY P R E S E N T S E T C L A S S I Q U E claude chabRol heRZlichen glückwunsch fÉliciTaTion 20.1515. mÄRZ 2011 aRTe–pRemieRe claude chabRol die dokumenTaTion 15/03/11um 20.15 uhR B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 6 - 4 4
  • 37.
    ÉLÉMENT GRApHIQUES Il estpossible d’utiliser des cadrages zoomés sur le sigle, ou certains des éléments le constituant. On peut aussi le modéliser en 3D. Ne pas déformer les éléments et/ou le sigle. Ne pas changer les proportions des élements du sigle. INTERDITS B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 7 - 4 4
  • 38.
    I M AG E F I L T E R I N G I M A G E U s e w i t h 3 0 % o p a c i t y + F I L T E R U s e b l a c k a n d w h i t e f i l t e r + G R A D I E N T U s e w i t h o v e r l a y c o l o r b l e n d i n g B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 8 - 4 4
  • 39.
    G U ID E L I N E S U S E E X A M P L E Préservons votre capacité d’entreprendre Micro-entrepeneur ? Arrêtez de perdre du temps ! Devis, factures, livre de compte, déclaration RSI... KoalaME est là pour vous ! F O N T S L O G O I M A G E C O L O R S B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 9 - 4 4
  • 40.
    62 gabaritword 46 avenue dela Grande Armée – CS 500071 - 75858 Paris Cedex 17 - T. 01 23 45 67 89 - F. 01 23 45 67 89 www.cci.fr Madame, Monsieur, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis nibh ac felis luctus sit amet tristique justo rhoncus. Cras eleifend egestas felis vel adipiscing. Cras eu odio ut neque scelerisque mattis. Donec non arcu velit, pharetra luctus massa. Duis velit libero, aliquet quis interdum at, pretium id dui. Donec venenatis, diam scelerisque pretium scelerisque, massa eros imperdiet diam, in pulvinar leo sem ac arcu. Nunc turpis ligula, ullamcorper vitae varius in, bibendum vel nisi. Suspendisse in velit sit amet libero eleifend varius. Sed pretium faucibus orci, ac molestie nisi elementum dapibus. Morbi a tellus urna. Donec tellus dolor, lacinia eget tempus vitae, sagittis vitae quam. Maecenas aliquet turpis nec lectus vehicula ullamcorper tincidunt erat porta. Quisque dapibus tristique elit. Aliquam lectus massa, tempor eu scelerisque sodales, scelerisque vitae enim. Nulla tincidunt sodales dignissim. Sed cursus aliquam arcu nec vulputate. Praesent suscipit metus vehicula ante vulputate at mollis eros hendre- rit. Aliquam sagittis velit neque. Sed scelerisque odio sit amet sem suscipit venenatis. Vivamus volutpat molestie erat eget convallis. Morbi eget dui lorem. In at urna et massa porta venenatis. Donec ullamcorper felis sed ipsum volutpat condimentum. Sed pellentesque erat eu tellus aliquet sodales. Maecenas eu augue eu risus fringilla tempus. Curabitur vitae dui ipsum, sit amet dictum augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque egestas sem vitae elit rutrum bibendum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent rhoncus semper laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis nibh ac felis luctus sit amet tristique justo rhoncus. Cras eleifend egestas felis vel adipiscing. Cras eu odio ut neque scelerisque mattis. Donec non arcu velit, pharetra luctus massa. Duis velit libero, aliquet quis interdum at, pretium id dui. Donec venenatis, diam scelerisque pretium scelerisque, massa eros imperdiet diam, in pulvinar leo sem ac arcu. Nunc turpis ligula, ullamcorper vitae varius in, bibendum vel nisi. Suspendisse in velit sit amet libero eleifend varius. Sed pretium faucibus orci, ac molestie nisi elementum dapibus. Morbi a tellus urna. Donec tellus dolor, lacinia eget tempus vitae, sagittis vitae quam. Maecenas aliquet turpis nec lectus vehicula ullamcorper tincidunt erat porta. Quisque dapibus tristique elit. Aliquam lectus massa, tempor eu scelerisque sodales, scelerisque vitae enim. Nulla tincidunt sodales dignissim. Sed cursus aliquam arcu nec vulputate. Praesent suscipit metus vehicula ante vulputate at mollis eros hendre- rit. Aliquam sagittis velit neque. Sed scelerisque odio sit amet sem suscipit venenatis. Vivamus volutpat molestie erat eget convallis. Morbi eget dui lorem. In at urna et massa porta venenatis. Donec ullamcorper felis sed ipsum volutpat condimentum. Sed pellentesque erat eu tellus aliquet sodales. Paris, le 12/09/13 corpS de texte DejaVu Sans condensed corps 8,5 pt interlignage 13 pt Ferré à gauche ou justifié. Noir 100% SpécificationS On se base sur la construction du communiqué depresse. (page 55) L’utilisation du sigle en «puce» (bullet point) est proscrite. 50 T. 01 23 45 67 89 - M. 06 23 45 67 89 - F. 01 23 45 67 89 Centre de Salorges - 16 quai Ernest Renaud BP 90517 - 44105 Nantes Cedex 4 f.idoux@ccinantes.fr www.nantesstnazaire.cci.fr T. 01 23 45 67 89 - M. 06 23 45 67 89 - F. 01 23 45 67 89 46 avenue de la Grande Armée – CS 500071 75858 Paris Cedex 17 t.coiffier@ccifrance.fr www.cci.fr thibaut coiffier Chargé de projet CartedeVisite papeterie Utiliser les modèles : Dossier CCI-supports/ papeterie/CCI-cartedevisite.eps. t.coiffier@ccifrance.fr Mob 06 23 45 67 89 46 avenue de la Grande Armée CD 50071- 75858 Paris Cedex 17 tel 01 23 45 67 89 fax 01 23 45 67 88 www.cci.fr thibaut coiffier Chargé de projet t.coiffier@international.cci.fr Mob 06 23 45 67 89 46 avenue de la Grande Armée CD 50071- 75858 Paris Cedex 17 tel 01 23 45 67 89 fax 01 23 45 67 88 www.international.cci.fr T. 01 23 45 67 89 - M. 06 23 45 67 89 - F. 01 23 45 67 89 Centre de Salorges - 16 quai Ernest Renaud BP 90517 - 44105 Nantes Cedex 4 f.idoux@ccinantes.fr www.nantesstnazaire.cci.fr fabien idoux Responsable logistique Direction des opérations thibaut coiffier Chargé de projet cci nanteS St-naZaire cci nÎmeS cci international taille de référence : X=10mm le logo est centré dans la hauteur de la carte. X/4 X/2 X/2 X nom Scout Bold corps 9 pt interlignage 11pt approche 20 pt titre DejaVu Sans condensed corps 6 pt interlignage 8 pt approche 20 pt adreSSe DejaVu Sans condensed corps 6 pt interlignage 8 pt approche 20 pt web rouge : C0 M100 J62 N0 SpécificationS format 85 x 55 mm impreSSion en quadrichromie papier blanc 300 g alignement B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 40-44
  • 41.
  • 42.
     Cohérence Reconnaissance B e ar S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 4 2 - 4 4
  • 43.
    Je veux unecharte graphique sérieuse et moderne, orientée web et livrée avec son kit media. T'es avec moi ? Okay B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 4 3 - 4 4
  • 44.
    Merci de votreattention ! Avez-vous des questions ? B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 4 4 - 4 4