Charte Graphique

Setup 2019

Ilyes Dey
Yassmine Tissaoui
 Introduction

Notre projet consiste à aider College Lasalle à ameliorer la partie communication et à mettre en
valeur les atouts de l’ecole, ce projet se realisera au niveau du 7éme étage du College Lasalle.
Simplifier, créer des actions de communication efficace et unique en son genre. En effet, notre
projet est innovant vue l‘inexistance des concurrents, et l‘ampleur du marché nous permettra de
penser à développer d’autre projets similaires à l’état d‘esprit que nous avons choisi.

Notre projet va lancer un espace aménagé pour le travail d’équipe.

Lorsque nous citons Setup, nous avons pensé aux jeux de mots 7éme étage et up étant donné
leur similarité dans la hauteur de la chose.

Les avantages que proposent ce projet sont bien évidemment, le travail dans une ambiance de
sérieux total.
Soyez à l’écoute et suivez nous sur les pas de cette ascension culturel.

Charte Graphique Setup

 Sommarie

Les elements de base. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 0

Le logotype. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
Les versions chromatiques. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
Les couleurs principales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
La typographie secondaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
La Typographie principale. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
L’espace de respiration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
La taille minimale. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Logotype version simplifiée . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
Setup Slogan. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
L’utilisation sur fonds colorés et images. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
Les interdits. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Logo avec des partenaires. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Les couleurs d’accompagnement. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Bureautique. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
Carte de visite . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Papier en-tete et envelope. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Gabarit Powerpoint. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
Application. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
Couverture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
Affiche verticale. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
Affiche horizontale. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
Objets promotionnels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
Tee-shirt . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
Casquettes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
Univers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
Remerciements. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
 Les elements de base

Le logotype. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
1
Les versions chromatiques. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2
Les couleurs principales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3
La typographie secondaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
4
La Typographie principale. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
4
L’espace de respiration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
5
La taille minimale. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
5
Logotype version simplifiée . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
6
Setup Slogan. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
7
L’utilisation sur fonds colorés et images. . . . . . . . . . . . . . . . . . . . . . . . . . .
8
Les interdits. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
9
Logo avec des partenaires. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
10
Les couleurs d’accompagnement. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
11

Charte Graphique Setup

 Le logotype
Le logo est construit à partir de :
–Setup
Une typographie moderne et puissante pour renforcer l’identité badin et cool de l’agence. La
police “Fontastique” est la base pour ce logotype.

–7
Le chiffre sept pour faire réference à l’emplacement de l’agence et placer de l’emphase sur le
jeu de mots. Il remplace le t dans le mot. De plus, le chiffre 7 est considéré comme un « chiffre
magique pour des coïncidences historiques, physiques, ésotériques et mathématique.

–La fleche
Une flèche fluide et puissante qui rappelle la notion de création, d’innovation, et de toujours
porter en avant.

Puisque Setup est situe au 7éme etage, le logotype est en faite un jeu de mots sur la
prononciation du mot “Setup” en anglais (mettre en place, configurer). Donc “set” se prononce
sept est il est ensuite lié à “up” (en haut). D’ou on fait ressortir “Sept en hauteur”, “Setup au
septième”, “Monter au septième”, “Toujours progresser avec Setup”, etc.

Développement:

Setup Se7up

1
 Les versions chromatiques
La version en couleur du logotype est à privilégier.

Quand son utilisation n’est pas possible techniquement, on pourra employer une des versions
présentées ci-dessous.

Sur des photos sombres ou des fonds noirs, l’utilisation de la version du logo toute blanche est
recommandée.

Noir: Inverse:
Noir CMJN: 100% C: 69%
Noir RVB: 0% M: 0%
J: 34%
Blanc: N: 0%
Noir CMJN: 0%
Rouge: 255% R: 51
Vert: 255% V: 189
Bleu: 255% B:183

Gris:
Noir CMJN: 63%
Noir RVB:
Rouge: 95%
Vert: 95%
Bleu: 95%
Charte Graphique Setup 2
 Les couleurs principales
La couleur principale du logo est le rouge. Cependant, il existe des declinaisons en noir, en blanc,
et en gris.

CYAN: 0% CYAN: 0% CYAN: 0%

MAGENTA 92% MAGENTA 0% MAGENTA 0%
JAUNE: 83% JAUNE: 0% JAUNE: 0%
NOIR 0% NOIR 100% NOIR 0%

ROUGE: 57% ROUGE: 0% ROUGE: 255%

VERT: 74% VERT: 0% VERT: 255%
BLEU: 52% BLEU: 0% BLEU: 255%

HEX: #cc3333 HEX: #000000 HEX: #FFFFFF

CYAN: 0%
MAGENTA 0%
JAUNE: 0%
NOIR 63%

ROUGE: 95%
VERT: 95%
BLEU: 95%

HEX: #5F5F5F

3
 La Typographie principale
La typographie “fontastique” est reservée au logo.

ABCDEFGHIJKLMNOPQRS T UVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

La typographie Ailerons en haut de casse pour les titres et la navigation principale.

Ailerons
ABcDEFghIJKLmNOpqRSTUVWXYZ
0123456789

La typographie secondaire
La typographie bold pour les intertitres et regular pour la navigation secondaire, les infographies,
les éléments d’identification ou les corps de texte denses.

Rosario Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Rosario Regular

ABcDEFghIJKLmNOpqRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Charte Graphique Setup 4
 L’espace de respiration
Il est nécessaire de respecter une zone de protection ou espace de respiration du logotype afin
qu’aucun autre élément ne vienne perturber sa lisibilité.
Cette zone se calcule en reportant la hauteur du e de Setup sur les contours du logo comme
indiqué ci-dessous, quelle que soit la taille du logo.

On obtient ainsi un cadre imaginaire, ici indiqué en gris, qui délimite la zone de protection.

La taille
minimale

25 mm

5
Logotype version simplifiée

Le dérivé du logotype
Dans certains cas d’utilisations très réduites (petits objets siglés, co-signatures sur supports
réduits...), le logo sera utilisé uniquement en sa version iconographique.

12 mm

Charte Graphique Setup 6

 Setup Slogan

Le slogan “That’s what’s up” se compose du logo Setup avec le slogan That’s what’s up, saisie
dans la typographie Big River Script integré entre le numero 7 du logo et sa flèche.

Cette declinaison du logo est destinee à l’usage individuel, c’est à dire dans les situations où il
n’existe pas d’autres signatures ou de logos dans la zone d’affichage. La zone de protection reste
la même mais commence à partir de la fin du p du slogan.

45 mm

7
 L’utilisation sur fonds
colorés et images
Le logo Setup s’applique de préférence sur un fond blanc. Il peut aussi s’appliquer sur d’autres
types de fonds, à condition d’utiliser une des versions noir, gris ou blanc. Le logo coloré ne
doit jamais être appliqué sur un fond ou une image coloré. Ces fonds peuvent être une couleur
d’accompagnement ou encore la zone neutre d’une photo (ciel, mur, table, sol...).

Charte Graphique Setup 8

 Les interdits

Les principes qui régissent l’utilisation du logotype sont volontairement simples afin de garantir
la force et la cohérence de son identité. Toutefois des erreurs sont toujours possibles. Cette page
présente les erreurs les plus courantes, cette liste n’est pas exhaustive.

Pas de rotation Pas de fond colore Pas d’utilisation partielle

des elements

Pas de logo en countour

Pas de cadre

Pas de modification du
slogan

Pas de modification
Pas de deformation de de couleurs
proproptions That’s what’s up!

That’s what’s up!

That’s what’s up!

9
 Logo avec des partenaires

Les partenaires sont des organisations externes qui collaborent avec Setup pour concevoir,
financer et mettre en œuvre des programmes et des evenements. Les directives contenues sur
cette page illustrent la manière de créer un logo en cohabitation.

Un ou plusieurs partenaires peuvent être représentés dans ce type de logo tant que les
espacements et les tailles sont respectés.

La taille minimum des logos de partenaires correspond à celle du logo du Setup tandis que la
taille maximum ne peut pas excéder 1 fois celle du logo du Setup.

y y variable

x x min

1x max

0.5pt, 70% noir

Hauteur égale à celle du logo
du premier partenaire
Partenaire Partenaire

Logos en cohabitation

Exemple
Cet exemple comprend le logo du Collège Lasalle, l’etablissement auquel l’agence Setup se situe
ainsi que le logo de H’Ours, un coffee shop au sein de cette ecole.

Charte Graphique Setup 10

 Les couleurs
d’accompagnement
Un mélange de couleurs vives véhicule l’idée de dynamisme et de modernité. La variété de la
gamme de couleurs doit être utilisée pour valoriser la diversité des valeurs de Setup.

Les titres et le logo en noir ou blanc peuvent être utilisés en noir ou en blanc sur les couleurs
d’accompagnement.

CYAN: 30% CYAN: 0% CYAN: 0%

MAGENTA 70% MAGENTA 92% MAGENTA 29%
JAUNE: 100% JAUNE: 83% JAUNE: 80%
NOIR 40% NOIR 0% NOIR 0%

ROUGE: 123% ROUGE: 57% ROUGE: 255%

VERT: 67% VERT: 74% VERT: 189%
BLEU: 24% BLEU: 52% BLEU: 77%

WEB: #7b4318 WEB: #cc3333 WEB: #ffbd4d

CYAN: 70% CYAN: 96% CYAN: 100%

MAGENTA 0% MAGENTA 100% MAGENTA 94%
JAUNE: 10% JAUNE: 0% JAUNE: 34%
NOIR 0% NOIR 0% NOIR 29%

ROUGE: 29% ROUGE: 57% ROUGE: 32%

VERT: 186% VERT: 48% VERT: 40%
BLEU: 233% BLEU: 146% BLEU: 90%

WEB: #1db9de WEB: #393092 WEB: #0f235b

CYAN: 0% CYAN: 32% CYAN: 35%

MAGENTA 92% MAGENTA 0% MAGENTA 0%
JAUNE: 83% JAUNE: 87% JAUNE: 26%
NOIR 0% NOIR 0% NOIR 0%

ROUGE: 255% ROUGE: 178% ROUGE: 129%

VERT: 51% VERT: 250% VERT: 255%
BLEU: 51% BLEU: 87% BLEU: 32%

WEB: #ff3333 WEB: #b20a17 WEB: #81ffe8

11
 Bureautique

Carte de visite . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
13
Papier en-tete et envelope. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
14
Gabarit Powerpoint. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
15

Charte Graphique Setup 12

 Carte de visite
Format 85mm x 5mm.
Le logotype simplifié est situé en haut et au centre dans le recto.
Le logotype en blanc est situé en haut et au centre dans le verso.
Il existe une version en degradée et une autre simplifiée en rouge.

Setup
Boite de communicatio n

+216 7142578 9
7 éme étage
Collège LaSalle
Tunis

12mm SETUP est en ailerons 16pt.

Le texte est en Rosario italic 9pt.

Setup
Boite de communicatio n

+216 7142578 9
7 éme étage
Collège LaSalle
Tunis

5mm fond perdu

35mm

13
 Papier en-tete et envelope

Les coordonnés de Setup sont saisie en Rosario italic à 12pt.

210mm

10mm

10mm

10mm
297mm

+216 71425789
7 éme étage
Collège LaSalle, Tunis

10mm

30mm

45mm

10mm

110mm
10mm
20mm

20mm

220mm

Charte Graphique Setup 14

 Gabarit Powerpoint

Le logotype est toujours placé en haut à gauche sur la première page. Il se place ensuite à gauche
dans le cartouche en bas de page.

Les titres doivent être centrés. Le texte de paragaph est en Rosario justifié à gauche.

Itatempo rporerum
repedi doluptatus
quam, am fugia
volenduntis enimus
ellaccum aboressi accus
aut illiassincta ilitecea
delecto tenden.

15
 Application

Couverture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
17
Affiche verticale. . . . . . . . . . . . . . . . . . . . . . . . . . .
18
Affiche horizontale. . . . . . . . . . . . . . . . . . . . . . . .
19

Charte Graphique Setup 16

 Couverture
Le logotype est toujours placé en haut et à gauche dans la couverture. Une barre blanche est
obligatoire si la couverture est une image ou un fond coloré.
Le titre est en Ailerons. Cet exemple est au format A4.

20mm 35mm

20mm

10mm

20mm
www.se7up.tn
10mm

17
 Affiche verticale
Le logotype est toujours placé en haut à gauche dans une affiche. Une barre blanche est
obligatoire si la couverture est une image ou colore. Il existe plus de flexibite dans la conception
des affiches, donc il est permettable d’utiliser le logotype en blanc ou en noir dans le cas ou
l’image ou la couleur couvre l’entierete de l’affiche.

Il est recommandé d’avoir le titre en Ailerons. Voici des exemples pour une affiche A4.

20mm 45mm

20mm
10mm
10mm

20mm

10mm

Charte Graphique Setup 18

 Affiche horizontale
Les mêmes principes s’appliquent a l’affiche horizontale.

20mm 45mm

20mm

10mm

210mm

297mm

19
 Objets promotionnels

Tee-shirt . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
21
Casquettes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
22

Charte Graphique Setup 20

 Tee-shirt
Il existe deux declinaisons pour les tee-shirts. Pour la version blanche, le logotype slogan est
placé en haut a droit.

Pour la version rouge, le logotype blanc est placé au centre àz une taille plus grande. Le dos reste
vide.

Tee-shirt (devant) Tee-shirt (dos)

21
 Casquettes
Il existe deux declinaisons. La version rouge comporte le logotype en blanc. Quant à la version
blanche, elle a le logo simplifié en devant et le logotype en arrière.

Charte Graphique Setup 22

 Univers
L’iconographie de Setup doit etre l’expression visuelle de son positionnement strategique et
de ses perceptions innovantes et jeunes. Les textures utilises doivent toujours avoir l’ambiance
futuristique ou surrealiste pour montrer que Setup porte toujours en avance. Ces visuels doivent
intriuguer l’audience.

Quant aux photographies, on essaye toujours de placer l’emphase sur la communication, le

dialogue, la diversité, la technologie et tous ce qui est numérique.

23
 Remerciements
Nous tenons à remercier toutes les personnes qui ont contribué au succes de ce projet et qui
nous ont aidé de la conception de cette charte graphique.

Tout d’abord, nous adressons nos remerciements à nos professeurs, Madame Cyrine Karoui et
Mr. Hatem Amri de l’école Collège Lasalle qui nous ont beaucoup aidé dans notre recherche.
Leurs écoute et leurs conseils nous ont permis d’accomplir ce projet.

Merci également au chef du departement design graphique, Mr. Hamdi Cheniour pour le
partage de son expertise au quotidien. Grace aussi à sa confiance nous avons pu nous accomplir
totalement dans nos missions. Il fut d’une aide précieuse dans les moments les plus delicats.

Nous tenons à remercier tout particulièrement et à témoigner toutes nos reconnaissance aux
personnes suivantes, pour l’expérience enrichissante et pleine d’intérêt qu’elles nous ont fait
vivre durant cette semaine de loge:
Mr. Mohsen Laabidi, Mme Fatma Kammoun, Abdelmonaim Manai.

Enfin, nous tenons à remercier toutes les personnes qui nous avons conseillés et les étudiants qui
participaient au loge avec nous.

Charte Graphique Setup 24