Charte

graphique
Sommaire
01. Logo 04. Design général
Page 3 Pages 7 à 12
02. Couleurs 05. Autres éléments
Pages 4 à 5 Pages 13 à 14
03. Typographie
Page 6
2/16
01. Logo

3/16
01. Logo

4/16
02. Couleurs
Le corail est attribué à 100% à la
Noir Corail Bleu marque Thot Learning
(formation continue).

Le bleu est attribué à 100% à la

#1D1D1D #FF5757 #3F82C0
marque Thot School (formation
alternance).
R: 29 C: 75% R: 255 C: 0% R: 63 C: 76%
V: 29 M: 65% V: 87 M: 77% V: 130 M: 41%
B: 29 J: 60% B: 87 J: 56% B: 192 J: 3%
N: 80% N: 0% N: 0%

On n’utilise jamais les deux

couleurs en même temps, sauf
si le support doit mêler les deux
entités en même temps.

5/16
03.
Aa Titres
League Spartan Bold

Typo Aa Sous-titre
Poppins Bold

Aa Corps de texte
Poppins Light

6/16
04. Design général
Titre
Sous-titre
Lorem ipsum dolor sit amet, consectetuer adi-
piscing elit, Lorem ipsum dolor sit amet, consec- Pour les contenus en
tetuer adipiscing elit, paragraphes, utiliser la
ligne avec les points pour
Titre Titre tramer le contenu. En
Sous-titre Sous-titre deux colonnes distinctes
Lorem ipsum dolor Lorem ipsum dolor ou largeur de page
sit amet, consecte- sit amet, consecte-
tuer adipiscing elit, tuer adipiscing elit,
complète.

Titre Titre
Sous-titre Sous-titre
Lorem ipsum dolor Lorem ipsum dolor
sit amet, consecte- sit amet, consecte-
tuer adipiscing elit, tuer adipiscing elit,
7/16
04. Design général
Titre Titre
Pour les titres généraux, on place un bloc
de surlignage un peu en décalage du
début du texte vers la droite et le bas.
Tout en utilisant la couleur de la marque
adaptée. Cependant, on va appliquer une
60% d’opacité 80% d’opacité opacité réduite à ces blocs afin de garder
une bonne lisibilité du texte précisément
comme ci-contre.

Titre Titre Le noir utilisé doit être le #1D1D1D, mais sur

Canva, pour plus de contraste à
l’impression on doit utiliser un noir 100%
classique

8/16
04. Design général
BAC+2 Pour les formations, on utilise des
titres spécifiques comme
ci-contre. Pour chaque
TECHNICO-COMMERCIAL formation, on utilise la couleur de
la marque Thot correspondante :
alternance ou continue.

MAÇONNERIE VOIRIE
Si le titre de la formation est en
deux parties (ex: type de diplôme
+ nom de la formation) on met
RÉSEAUX DIVERS un bloc en couleur et un bloc en
noir.

9/16
04. Design général
On utilise également, pour
COMMERCE BÂTIMENT RESSOURCES HUMAINES LANGUES MANAGEMENT BUREAUTIQUE chaque secteur d’activité
des pictogrammes qui
font référence à chaque
secteur. Chaque
RÉGLEMENTAIRE GESTION COMPTABILITÉ LOGISTIQUE MARKETING
pictogramme est
SÉCURITÉ
déclinable pour les deux
marques en prévision de
l’élargissement de la
gamme de formations
COMMERCE BÂTIMENT RESSOURCES HUMAINES LANGUES MANAGEMENT BUREAUTIQUE proposées

RÉGLEMENTAIRE GESTION COMPTABILITÉ LOGISTIQUE MARKETING

SÉCURITÉ
10/16
04. Design général
COMMERCE On présente les domaines
professionnel comme
ci-contre. On va retrouver
cet élément sur les
programmes et les fiches

BÂTIMENT
formations notamment.

11/16
04. Design général
Chaque photo utilisée doit être en
noir et blanc. Les portraits de
«clients» (étudiants, personne en
formation etc) sont détourées.

En rappel au surlignage des titres,

on peut aussi appliquer un
rectangle plein en décalage en
arrière-plan de la photo, comme
c’est le cas pour l’incrustation des
logos officiels et administratifs

12/16
04. Design général
Sur les supports plus
«commerciaux» avec
l’accent mis sur le visuel
on va positionner sur la
photo un dégradé en
transparence de la
couleur de la marque, et
fondre la limite de cette
photo avec un dégradé
en transparence blanc.

13/16
04. Design général
Pour mettre en valeur certains
Lorem ipsum dolor sit amet, textes, titres, sous-titres, rubriques
en avant sur les documents, on
peut utiliser d’autres règles de
Lorem ipsum dolor sit amet, design. Par exemple :
consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut
-Utiliser un bloc de la couleur de la
marque correspondante avec le
texte en bold et en blanc
-Mettre le texte en bold et le
Lorem ipsum dolor sit LOREM IPSUM mettre dans la couleur de la
amet, consectetuer
adipiscing elit LOREM IPSUM marque adaptée
-Passer le texte en capitales et en
couleur
Lorem ipsum dolor sit amet, consectetuer
-Réutiliser le bloc de surlignage
adipiscing elit, sed diam
pour mettre en avant des mots
Lorem ipsum dolor sit amet, consectetuer ou parties de phrases
adipiscing elit, sed diam
14/16
05. Autres éléments
Le monogramme du T du logo
peut devenir indépendant si
nécessaire pour faire un rappel
de marque, ou quand le support
ne permet pas d’utiliser le logo
entier. Exemple : Pour les icônes
de réseau, en rappel en pied de
page de document...

15/16
05. Autres éléments
Les pictogrammes de
réseaux sociaux sont
toujours ceux-ci, adaptés
à la couleur de la marque
et placés comme
ci-contre.

16/16