Professional Documents
Culture Documents
Charte graphique
Association sportive de lESPCI - 1 mars 2016 - Julien Barrier - ESPCI Promotion 133
SOMMAIRE
5
9
17
21
23
29
31
TYPOGRAPHIE
LOGOTYPE
COULEURS
CO-BRANDING
DCLINAISONS POUR LIMPRESSION
DCLINAISONSWEB
UNIVERSDEMARQUE
TYPOGRAPHIE
Dnomination de lassociation
Depuis sa cration en juin 1963, lassociation porte le nom de
Association sportive de lcole suprieure de physique et de chimie industrielles de la Ville de Paris.
On portera une attention particulire aux majuscules et aux accents : Association, cole, Ville et Paris sont les seuls mots
qui portent une majuscule. La premire lettre de cole est toujours accentue.
Ce nom ne sera jamais traduit dans la perspective du rayonnement international de lassociation en tant quentit de
lcole.
Dans certains cas, on pourra choisir une abbrviation ce nom :
Association sportive de lESPCI ou encore AS ESPCI.
Depuis le 1er mars 2016, un nom de marque a t dpos :
BDS ESPCI Paris. Lexpression Bureau des sports pourra tre utilise pour la communication interne mais doit toujours
apparatre aprs la dnomination (ou labbrviation) de lassociation.
Utiliser le nom
Dans la plupart des cas, on utilisera la dnomination Association sportive de lESPCI. Lorsque lon dsignera lquipe plus
que lassociation, on pourra utiliser BDS ESPCI Paris.
Le nom complet scrit:
- soit sur une ligne ;
- soit sur deux lignes :
Association sportive de lcole suprieure
de physique et de chimie industrielles de la Ville de Paris
- soit sur trois lignes :
Association sportive
de lcole suprieure de physique et de chimie industrielles
de la Ville de Paris
On ne tentera aucune autre variation lorsque le nom sera crit seul.
Helvetica Regular
Helvetica Bold
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
01234456789
() !? -. $ @
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
01234456789
() !? -. $ @
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
01234456789
() !? -. $ @
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
01234456789
() !? -. $ @
Sur le web uniquement, on utilisera la typographie Helvetica Neue ou dfaut, Open Sans
Helvetica Neue Regular
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
01234456789
() !? -. $ @
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
01234456789
() !? -. $ @
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
01234456789
() !? -. $ @
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
01234456789
() !? -. $ @
LOGOTYPE
10
11
Dfinition du logotype
La couleur
Le blason
La forme du logo est le signe dune vie de campus. Nous affirmons la richesse de nos activits tudiantes par ce
blason.
Ltoile
Place en haut du blason, ltoile est directement inspire de ltoile de PSL. Nous affirmons ainsi notre appartenance lUniversit dexcellence ParisSciences et Lettres et notre affiliation PSLsport. Au del de PSL, cette
toile reprsente luniversalit, lexcellence et la performance et rsume lambition de lAssociation.
La marque
Sur ce logo, la dnomination ESPCI apparat plus grande que la mention BDS. Ceci nous sert tre identifiables
rapidement lextrieur. En outre, les lves-ingnieurs et tudiants de lcole sidentifient rapidement ce logo
ouvert tous. La police de BDS et Paris est Montserrat, qui correspond notre charte graphique. ESPCI est crit
avec la police Ethos , qui rappelle la charte graphique de lcole.
12
LOGOTYPEDERFRENCE
LOGOTYPEBLANC
LOGOTYPENOIR
LARGEURMINIMALE
13
20% de X
10% de X
10% de X
14
Logotype - utilisation
Il est possible dutiliser le logotype blanc sur des fonds colors.
Il est galement possible dutiliser le logotype sur une image lorsque cela parat adquat, en cherchant toujours optimiser sa lisibilit (en modifiant le contraste ou la nettet de limage).
On veillera toujours utiliser une versior RVB pour laffichage sur cran et une version CMJN pour limpression.
15
16
17
COULEURS
18
Couleurs pricipales
La gamme des couleurs de lAssociation sportive de lESPCI est compose de trois teintes principales : bleu, bordeaux et beige.
Ces couleurs sont utiliser en priorit.
Les rfrences CMJN sont rserves limpression, les rfrences RVB laffichage sur cran et les rfrences Pantone sont utiliser pour
la peinture.
Bleu BDS
Bordeaux BDS
Beige BDS
R128 V0 B51
C0 M100 J60 N50
#800033
Pantone 208 C
19
Couleurs secondaires
Des couleurs supplmentaires sont utilises en aplat (cartouches, fonds) ou pour certains textes. Celles-ci viennent enrichir la charte et donner
du contraste, de la varit et permettent de mieux identifier les documents. Elles sont bases sur la charte graphique de lcole de 2016.
Bleu ESPCI
Rouge ESPCI
R228 V0 B70
C0 M94 J64 N0
Pantone 192 C
Gris fonc
Gris clair
Blanc
20
21
CO-BRANDING
22
A
PA R I S
1882
50% de A
PA R I S
1882
40% de A
50% de A
40% de A
20% de A
20% de A
20% de A
23
DCLINAISONS
POURLIMPRESSION
24
Styles de titres
TITRE PRINCIPAL
et sa baseline
TITRE DE PARTIE
titre de section dun document
Montserrat Semi-bold, 30pt, bleu BDS, tout en majuscule.
Titre dynamique
pour un document plus petit (flyer, 1 page, etc.)
Montserrat Regular, 24pt, noir, peut comporter du semi-bold.
25
Styles de paragraphes
Paragraphe dintroduction un document
Paragraphe classique
Helvitica Regular, 12pt, noir. On justifiera tous les paragraphes, dans la mesure du possible.
26
Autres styles
Listes
On crira les listes comme limpose la typographie franmaise : avec un tiret au dbut et un point virgule la fin de chaque
ligne. Un point sur la dernire ligne. On nutilisera jamais de puces. Helvetica Regular, 12pt, noir.
Lorem ipsum ;
dolor ;
sit amet.
Tableaux
Les tableaux sont centrs sur la page. Lentte est en Montserrat Semi-bold, 11pt, bleu BDS, centre, majuscules. Elle est
souligne par une ligne bleu ESPCI de 1pt dpaisseur.
Les autres lignes sont en Helvetica Regular, 12pt, noir, alignes gauche. Les chiffres seront centrs. Ces lignes sont
soulignes par une ligne bleu ESPCI de 0,5pt dpaisseur.
LOREM
IPSUM
FLUCTUAT
Dolor
Sit
Nec Mergitur
Amet
Cibo
O Tempora
Mea
Tibique ei
O Mores
27
Association sportive
de lESPCI Paris
Type de document
Suivant la taille du document, on adaptera la taille du texte. On pourra crire le nom de lassociation sur une ligne ; le texte
sera centr verticalement sur le logo.
Les marges dimpressions seront gales en tout bord.
Le pied de page sera le mme que pour des documents volumineux.
28
29
DCLINAISONSWEB
30
Styles de paragraphes
DESKTOP
>1200
DESKTOP
>992 & <1200
TABLETTE
>768 & <992
SMARTPHONE
>480 & <768
H1 Heading
Montserrat
Semi Bold
34 px
30 px
34 px
40 px
H2 Heading
Montserrat
Semi Bold
26 px
24 px
26 px
26 px
H3 Heading
Montserrat
Semi Bold
16 px
14 px
16 px
17 px
TAG/CATGORIE
Helvetica Neue
Bold
16 px
14 px
16 px
17 px
Paragraphe dintroduction
Helvetica Neue
Bold
16 px
15 px
16 px
19 px
Helvetica Neue
Regular
15 px
15 px
16 px
19 px
31
UNIVERS
DE MARQUE
32
Biseaux
Lorsque lon placera des images sur des affiches formelles, des dpliants, des dossiers de presse, on appliquera un biseau sur les images lorsquelles sont places sur fond bleu BDS.
On pourra ajouter un sur le bas de limage un bandeau comportant le titre du document (blanc, sans contour), condition
que celui-ci soit centr sur la ligne de base de limage et que ce bandeau couvre toute la surface possible sa droite :
Association sportive
de lESPCI Paris
Type de document
33
lments structuraux
Lorsquune image est place sur un document entier, on placera le logo de lAssociation dans des lments structuraux
qui pourront tre de diffrentes formes :
Dans le troisime modle, on pourra placer deux images, condition quun lien puisse tre fait entre les deux images sans
quelles nen aient en apparence. Lune des deux images sera prise avec un grand champ tandis que lautre se concentrera sur le dtail, zoom, dun sportif.
34
Applats de couleur
Lorsque lon placera des images sur usne pleine page, on pourra chercher accentuer lintrt visuel pour limage. On
placera sur cette image des applats de couleur bleu et rouge ou bordeaux. Dans la suite Adobe, on dfinira le mode de
fusion des formes en multiplication (ou 40% dopacit). Les applats rappelleront les biseaux.
35
Icnes et pictogrammes
Pour complter des documents, on pourra utiliser les icnes du pack Entypo , dveloppes par Daniel Bruce (sous
licence creative commons 4.0 ) - www.entypo.com.
36
37