La charte graphique

La charte graphique permet de mettre en cohérence toutes les prises de parole de la marque, sur tout le territoire et ainsi optimiser l'impact de chaque message.

Les couleurs Lien copié

Télécharger le nuancier

Couleurs principales Lien copié

La palette des couleurs principales représente le mieux la marque Culligan.

CMJN
92 - 66 - 0 - 0
HEXADECIMAL
0155B8
RGB
1 - 85 - 184
PANTONE
2728 C

CMJN
100 - 0 - 0 - 0
HEXADECIMAL
0097DB
RGB
0 - 151 - 219
PANTONE
Process Cyan U

CMJN
70 - 56 - 37- 25
HEXADECIMAL
525B6F
RGB
82 - 91 - 111
PANTONE
Cool Gray 9 C

CMJN
49 - 35 - 22 - 5
HEXADECIMAL
8E97AB
RGB
142 - 151 - 171
PANTONE
Cool Gray 6 C

CMJN
7 - 5 - 6 - 0
HEXADECIMAL
F0F0F0
RGB
240 - 240 - 240
PANTONE
Cool Gray 1 C

CMJN
100 - 21 - 26 - 76
HEXADECIMAL
003D4C
RGB
0 - 61 - 76
PANTONE
548 C

CMJN
0 - 0 - 0 - 0
HEXADECIMAL
FFFFF
RGB
255 - 255 - 255
PANTONE
White

Couleurs d’accentuation Lien copié

Ces couleurs permettent de donner du relief à certains éléments tels que les boutons d’action. Il ne faut pas en abuser sur chaque page ou écran, car cela perdrait de son impact. Le fushia doit être utilisé sur des supports digitaux tandis que le bordeaux doit être utilisé sur des supports destinés à l’impression. Sur des supports print, le fushia pourra permettre de mettre en avant des promotions.

Digital / Promo

CMJN
12 - 100 - 54 - 4
HEXADECIMAL
CE004A
RGB
206 - 0 - 74
PANTONE
192 C

Impression

CMJN
8 - 100 - 55 - 37
HEXADECIMAL
9B2743
RGB
155 - 39 - 67
PANTONE
194 C

Couleur secondaire Lien copié

La couleur secondaire permet de mettre en avant de petits éléments qui doivent apparaître dans un second niveau de lecture. Elle est à utiliser avec modération.

CMJN
3 - 38 - 960 - 0
HEXADECIMAL
F2A900
RGB
242 - 169 - 0
PANTONE
130 C

Couleurs Colibri Lien copié

La palette des couleurs Colibri est à utiliser avec modération et uniquement dans les textes et paragraphes où l’on fait référence à l’environnement et à la philosophie Colibri.

CMJN
78 - 0 - 100 - 2
HEXADECIMAL
509E2F
RGB
80 - 158 - 47
PANTONE
362 C

CMJN
26 - 0 - 40 - 0
HEXADECIMAL
B7E394
RGB
183 - 227 - 148
PANTONE
7486 U

Dégradé Lien copié

Ce dégradé linéaire est généré à partir des deux bleus principaux de la charte. Cette couleur doit être utilisée sur des fonds en applat. Pour un affichage homogène, il est nécessaire de respecter le sens de la diagonale représentée ci-dessous.

DÉGRADÉ ENTRE LES DEUX BLEUS PRINCIPAUX
0155B8 - 0097DB

Les pictos Lien copié

Télécharger le pack de pictos

Utilisation des pictos Lien copié

Les pictos résument visuellement les concepts clés de la marque, afin de parler aux consommateurs de manière plus directe.
Ils doivent obéir à des caractéristiques esthétiques cohérentes : simplicité et uniquement des couleurs de base, pour des pictos intemporels.

Pictos petit format Lien copié

Ces pictos sont à privilégier pour les plus petit formats pour leur simplicité et leur lisibilité. Taille minimale recommandée pour le web : 18px.
Il est possible de reprendre certains pictos de Google : https://material.io/icons/ si besoin.

Pictos moyen format Lien copié

Ces pictos sont a privilégier pour de plus grands formats. Taille minimale recommandée pour le web : 56px.
Ces pictos doivent être conçus dans un style outline (contour) plutôt qu'en solid (plein). Il est recommandé de conserver une épaisseur de contour commune (dans la mesure du possible) pour des raisons de cohérence visuelle.

Pictos produits Lien copié

Ces pictos sont uniquement réservés aux produits. Taille minimale recommandée pour le web : 56px.
Il est recommandé de conserver une épaisseur de contour commune (dans la mesure du possible) pour des raisons de cohérence visuelle.

Les typographies Lien copié

Télécharger le pack typographies

Open Sans, typographie de la marque Lien copié

Pour construire une identité de marque forte et reconnaissable, il est primordial d'utiliser un style typographique cohérent avec les autres éléments de la marque. La police principale utilisée par Culligan est la famille de polices "Open Sans".

Arial, typographie secondaire Lien copié

Arial peut remplacer la police principale (Avenir) lorsqu'elle n'est pas disponible (dans le cas de la création d'un e-mailing par exemple).

Hiérarchie de texte Lien copié

Une hiérarchie des textes est nécessaire pour communiquer de manière efficace et cohérente : elle établit un ordre d'informations et facilite la compréhension des messages.

Les photographies Lien copié

Découvrez les photos

Style photographique Lien copié

Dans tous les cas, nous vous recommandons d'utiliser les images fournies par le Service Marketing. S'il est nécessaire d'utiliser de nouvelles images, il est essentiel qu'elles respectent les critères esthétiques indiqués dans cette charte. Il est nécessaire de faire valider toute nouvelle image par le Service Marketing.

Portraits Lien copié

Ce type de photos nécessite un sujet en gros plan, dans une attitude positive, éventuellement en relation directe avec l'élément "eau".

Bénéfices produits Lien copié

Ce type de photos se concentre sur des objets ou des détails d'objets (macro). L'élément "eau" doit toujours être visible. Les arrière-plans doivent de préférence être clairs et légèrement flous.

Packshots produits Lien copié

Ce type de photos est foncièrement différent des autres car il permet de présenter le produit de la façon la plus claire et la plus identifiable possible. L'arrière-plan doit être blanc ou en reprenant un dégradé de gris clair de la charte, il doit permettre de mettre en valeur chaque détail du produit.

Produits en situation Lien copié

Ce type de photo doit permettre d'illustrer le produit en situation. Les arrière-plans doivent de préférence être clairs et légèrement flous.

Images à éviter Lien copié

Voici quelques exemples de photos dont l'utilisation est incorrecte ou interdite.

EXPRESSIONS FACIALES NON NATURELLES OU EXAGÉRÉES
Les photos doivent montrer des expressions naturelles et des situations quotidiennes.

IMAGES AVEC UN ÉCLAIRAGE, DES COULEURS OU DES EFFETS NON NATURELS
Utilisez des images aux couleurs naturelles, sans effets spéciaux ni retouches photos évidentes.

PRODUITS AVEC LOGOS AUTRES QUE LE LOGO CULLIGAN
Évitez toujours les images avec des logos, des graphiques ou des images d'autres sociétés.

IMAGES SANS ARRIÈRE-PLAN OU PEU RECADRÉES
Les portraits doivent montrer un cadre, avec un fond naturel légèrement flou.

PHOTOMONTAGES OU SOLUTIONS GRAPHIQUES NON APPROUVÉES
Évitez la retouche photo non approuvée par le Service Marketing.

CONTENU EN CONTRASTE AVEC LA MISSION DE CULLIGAN
Évitez tout contenu qui contredit la mission de Culligan ... par exemple une personne buvant dans une bouteille en plastique.

Correction de couleurs Lien copié

Les photos doivent être aussi cohérentes que possible en termes de style, de cadrage et de gammes de couleurs. Vous devrez peut-être appliquer une correction des couleurs afin d'éliminer les dominantes non naturelles et la saturation excessive.

COULEURS DES PHOTOS
Évitez les couleurs trop opaques, grises ou foncées. Utilisez des couleurs naturelles et cohérentes les unes avec les autres.

ÉVITEZ LES DOMINANTES INDÉSIRABLES
Corrigez toute dominante non naturelle, en prenant comme point de référence une couleur de peau naturelle.

ÉVITEZ LES ARRIÈRE-PLANS FONCÉS ET LES CONTRASTES EXCESSIFS
Éclaircissez les arrière-plans trop sombres, évitez les contrastes exagérés : il est préférable d'utiliser des images avec des tons naturels et une lumière non artificielle.

ÉVITEZ LES SATURATIONS ÉLEVÉES ET NON NATURELLES
Corrigez les images trop saturées. Conservez des couleurs pleines et saturées lorsque c'est nécessaire et rendez toujours les tons de peau naturels.

Les images et textes Lien copié

Utilisation d’un dégradé noir Lien copié

Pour maintenir une lisibilité constante des textes et des images, il est conseillé de respecter les indications suivantes chaque fois que vous devez superposer des textes sur des images d'arrière-plan.

1. Image originale

2. Dégradé

3. Texte sur le dégradé

4. Image avec dégradé

Utilisation d’une image en filigrane avec un dégradé bleu devant Lien copié

Dans le cas où le texte est beaucoup plus dense qu'un simple titre, il sera nécessaire d'en accentuer la visibilité et la lisibilité. Pour ce faire, il est possible d'intégrer le texte dans un bloc blanc qui se superposera à l'image. Il est important de porter attention aux marges entre le texte et les extrémités du bloc blanc afin que le contenu puisse respirer.

1. Image originale

2. Image noir et blanc

3. Dégradé 90%

4. Image avec dégradé

Les marques et les signes distinctifs CULLIGAN demeurent la propriété exclusive du groupe CULLIGAN. Il n’est possible d'en user que dans le cadre des conditions du contrat de Concessionnaire. Il convient d’en assurer la pleine confidentialité. Chaque utilisateur doit informer sans délai Culligan France de tout acte d’imitation, de contrefaçon ou de concurrence déloyale ou plus généralement de tout fait ou acte susceptible de porter atteinte aux droits et intérêts de Culligan France sur lesdites marques et signes distinctifs.