Introduction

Welcome

Ce guide sert de ressources pour créer des documents et définir leurs éléments visuels et stylistiques. Son but est de permettre à chacun d’éditer ou créer des présentations de communications, des sites Web, des produits, etc… tout en gardant une cohérence de la marque Hortis.

Utilisez les liens sur la gauche pour trouver ce que vous cherchez ou tout simplement commencer à explorer.

Couleurs

Usage

Utilisez ces couleurs pour guider vos conceptions et mises en page On et Offline, afin de rester cohérent avec la marque Hortis. Ci-dessous sélectionner un code couleur ou affichez plus d'informations en cliquant sur la pastille de couleur.

+
Deep Pink
#ff2391
R
255
V
35
B
145
C
0
M
94
J
2
N
0
+
Electric Blue
#0a2f7c
R
10
V
47
B
124
C
100
M
92
J
21
N
10
+
Midnight Blue
#092b56
R
9
V
43
B
86
C
100
M
89
J
37
N
33
+
Grey
#757981
R
117
V
121
B
129
C
57
M
47
J
40
N
8
+
Silver
#c4ccd5
R
196
V
204
B
213
C
22
M
14
J
10
N
0
+
Gainsboro
#d8dce2
R
216
V
220
B
226
C
14
M
9
J
6
N
0
+
White smoke
#f4f5f8
R
244
V
245
B
248
C
3
M
2
J
1
N
0
+
White
#ffffff
R
255
V
255
B
255
C
0
M
0
J
0
N
0

Typography

Usage

Ces styles typographiques sont ceux utiliser sur le site Hortis et servent de base pour guider vos conceptions et mises en page On et Offline, ils peuvent être légèrement adaptés en fonction du support, mais ils doivent rester cohérent avec les autres supports de présentation de la marque Hortis.

Headings

Headings names
Properties

Heading 1

56pt
Montserrat Bold
Uppercase

Heading 2

40pt
Montserrat Bold
Uppercase

Heading 3

32pt
Montserrat Bold
Uppercase

Heading 4

24pt
Montserrat Bold
Uppercase
Subheading
24pt
Open Sans Light
Uppercase

Text elements

Elements names
Properties

Ce texte est un paragraphe. Il peut contenir des éléments strong, italic ou même des liens.

16pt
Open Sans Light
Uppercase
Key text
18pt
Open Sans Light
Uppercase
Label big
18pt
Montserrat Bold
Uppercase
Label big
14pt
Montserrat Bold
Uppercase
Label Medium
12pt
Montserrat Bold
Uppercase
Label Mini
12pt
Open Sans Light
Uppercase

Téléchargements

Usage

Ci-dessous quelques ressources corporate de la marque Hortis. Merci de les utiliser dans le respect de la charte.

Logotype

Pour bg clair
Télécharger en
A
Pour bg foncé
Télécharger en
A
Symbol
Télécharger en
A

Documents

Ces documents sont des modèles de présentation Hortis. Ils vous aideront à concevoir des présentations dans le respect de la charte Hortis. Ces 2 fichiers keynote et powerpoint contiennent les mêmes pages et éléments.

Template de présentation Keynote
.Key
Télécharger en
A
Template de présentation Powerpoint
.PPT
Télécharger en
A

Type faces

Montserrat
Regular
Aa
Bold
Aa
Light
Aa
Regular
Aa
Bold
Aa

Icons

P
E
M
+
A
I
T
V
Icons Métiers
Business Analysis
Télécharger en
A
Gestion de Projet
Télécharger en
A
UX / UI Design
Télécharger en
A
Développement Logiciel
Télécharger en
A
Déploiement et intégration
Télécharger en
A
Icons Secteurs d'activités
Administrations et Organisations
Télécharger en
A
Banque et Finance
Télécharger en
A
Industrie
Télécharger en
A
Médias
Télécharger en
A

Illustrations

Devices Portfolio

Ces devices servent à la présentation d’écrans des projets. Insérez vos visuels sur l’écran du device approprié.

Smartphone
Télécharger en
A
Tablette
Télécharger en
A
Samsung Gear S2
Télécharger en
A
Apple Watch
Télécharger en
A
Desktop Browser
Télécharger en
A
Isometric Devices

Ces devices servent à la présentation des diverses solutions qu'Hortis propose à ces clients.

Smart Watch
Télécharger en
A
Smartphone 1
Télécharger en
A
Smartphone 2
Télécharger en
A
Tablette 1
Télécharger en
A
Tablette 2
Télécharger en
A
Desktop Browser
Télécharger en
A
+

Deep Pink

Jeunesse
Action
Enthousiasme

Cette couleur est à utiliser avec légerté. Elle permet de valoriser les mises en page par une petite pointe de couleur chaude qui attire l’oeil et incite à l’action.

Son application doit se faire par petites touches sur des éléments graphiques ou interactifs.

En aucun cas cette nuance ne doit être utilisée en couleur fond ou sur de large zone.

Electric Blue

Confiance
fraîcheur
Sagesse

Cette couleur est utilisée pour tous les éléments textes importants, titres, onglets, liens, etc…. Elle permet par ça teinte appaisante de valoriser ces éléments et donne aux mise en page plus de vie.

En aucun cas cette nuance ne doit être utilisée en couleur fond ou sur de large zone.

Midnight Blue

sérénité
Engagement
Fiabilité

Cette couleur est à utiliser en couleur de fond. Cette teinte bleu marine donne aux mise en page un sentiment de d'engagement et de fiabilité.

En aucun cas cette nuance ne doit être utilisée en sur des éléments textes.

Grey

Intélligence
Autoritaire
COnservateur

Cette couleur est à utiliser pour tous les éléments de textes mineurs, paragraphe, Mots clés, petit label, etc. 
Son application peu aussi se faire pour des éléments graphiques.

En aucun cas cette nuance ne doit être utilisée en couleur fond ou sur de large zone.

Silver

Connaissance
élégance
Moderne

Cette couleur est à utiliser pour tous les éléments de textes qui sont placés sur un fond "Midnight Blue". 
Son application peu aussi se faire pour des éléments graphiques. 

En aucun cas cette nuance ne doit être utilisée en couleur fond ou sur de large zone.

Gainsboro

Discrétion
Subliminal
Neutre

Cette couleur est à utiliser pour tout éléments de second plan, ligne de séparation, ligne d'onglets, contour d'objets, etc. 

En aucun cas cette nuance ne doit être utilisée en couleur fond ou sur de large zone.

White smoke

Sobriété
serieux
APPAISEMENT

Cette couleur s'applique uniquement en couleur de fond de page.

En aucun cas cette nuance ne doit être utilisée sur des textes ou des éléments graphiques.

White

Pureté
OPtimisme
Simplicité

Cette couleur est à utiliser pour mettre en valeur des éléments sur fond "White Smoke", barre de navigation, zone au survol de la souris, état "hover" des boutons.

Elle également utiliser pour mettre en valeur des titres ou des textes sur fond "Midnight Blue".