Typographie Téléchargement Usage web Couleurs Principal Print Web Accentuations Usage Print Web Iconographie Photographies Illustrations Pictogrammes Éléments graphiques Fonds Aplats Dégradés Motifs Rayures Formes Sigle Bloc avec ombre portée Rubans Filet / Séparateur Mise en avant Chiffres Flèches
CCI logo

Charte   Univers

Typographie | Fira Sans

Elle est à utiliser sur l'ensemble des éléments de communication interne et externe.
La typographie Fira Sans, créée par Erik Spiekermann pour Mozilla, est éditée sous licence 'SIL Open Font License.

Aperçu et téléchargement

100

Thin

200

Ultra-Light

300

Light

400

Regular

500

Medium

600

Semi-Bold

700

Bold

800

Extra-Bold

900

Black (Heavy)

The quick brown Firefox jumps over the lazy dog.
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
[email protected]#$%^&*()`~{}[]+=:;'"‘’“”


Téléchargement

Usage pour le web

Recommandé pour le web

300

Light

400

Regular

700

Bold

800

Extra Bold


Utilisation de google Fonts

Html <head>

<link href="https://fonts.googleapis.com/css? family=Fira+Sans:300,400,700,800&display=swap" rel="stylesheet">

@import(CSS)

@import url('https://fonts.googleapis.com/css? family=Fira+Sans:300,400,700,800&display=swap');

Couleurs principales

Bleu print

C = 95
M = 65
J = 0
N = 0

Bleu web

#373CF5


Nuances web

l1
f1
f2
Bleu
#6877FF
#373CF5
#0000CC
#000099
Gris
#F2F2F2
#CCCCCC
#4D4D4D
#222222

Couleurs d'accentuation

Les couleurs complémentaires sont à utiliser dans le cadre d'infographies, d'illustrations ou des thématiques qui ont été définies.
Ces couleurs sont toujours à utiliser en tant que couleurs d'accentuation.
Le bleu CCI reste la couleur dominante.

Usage thématique

Vous retrouverez ici les couleurs attribuées à chaque thématique.
Celles-ci sont en lien avec structuration des offres (SOLUCCIO).

Entreprises
Numérique


Entreprises
Développement
durable

Entreprises
International


Entreprises
Compétence RH


Entreprises
Compétitivité


Entreprises
Développement
commercial

Entreprises
Création
Reprise
Transmission
Entreprises
Financement


Teritoires
Offres territoires
+ Institutionnel

Particuliers
Offres Particuliers
+ Formation

Plus de détails sur les offres

Nuancier print

Cyan
C = 100
M = 0
J = 0
N = 0
Turquoise
C = 70
M = 0
J = 30
N = 0
Vert
C = 80
M = 0
J = 100
N = 0
Chartreuse
C = 30
M = 0
J = 100
N = 0
Jaune
C = 0
M = 25
J = 100
N = 0
Orange
C = 0
M = 60
J = 100
N = 0
Rouge
C = 0
M = 100
J = 100
N = 0
Rose
C = 14
M = 80
J = 0
N = 0
Violet
C = 55
M = 80
J = 0
N = 0
Brun
C = 30
M = 60
J = 90
N = 20

Nuancier web

l1
f1
f2
Cyan
#67C4E8
#00ABE0
#007EA5
#00597C
Turquoise
#54DED9
#07C9C3
#13ABA6
#07726F
Vert
#9BCE7A
#4AA528
#3C7F20
#2D591B
Chartreuse
#BED06B
#9ABA00
#799200
#526700
Jaune
#FFD788
#FFBA31
#EAA10F
#B77D08
Orange
#FFAF73
#FF791F
#BF4D00
#993A00
Rouge
#FF8484
#E33232
#AF1B1B
#8F0909
Rose
#EA94C1
#E52E97
#C11F84
#931161
Violet
#AB79D3
#A518E2
#700BA2
#511472
Brun
#C18E6C
#8E4C20
#5B2E15
#411C08
Suivre la bibliothèque sur Adobe CC

Iconographie

Photographies

De préférence le plus naturel possible, sans filtre ou effet.

Illustrations

Les illustrations doivent être colorisées selon le nuancier présenté précédemment.

Pictogrammes

Les pictogrammes doivent être de style filaire.
2 variantes sont possibles en fonction de l'usage.

Version simple

Idéal pour les plus petits éléments ou pour les interfaces digitales.

Version développée

Cette version de pictogramme permet d'agrémenter divers documents.
Elle utilise des pictogrammes filaires plus complexes, accompagnés de touches de couleurs.
Les nuances de couleurs correspondent à la thématique sur laquelle on l'utilise.

Colorisation CCI (hors thématiques)

Colorisation thématique

Éléments graphiques

Fonds

Aplats de couleurs

Dégradés

À utiliser de préférence pour le print.
Obligatoirement composé du bleu CCI et d'une des complémentaires.

Motifs - Rayures

Les rayures peuvent être utilisées dans un fond en tant qu'élément d'agrément.

Rayures sur fond bleu

Rayures sur fond clair

Motifs - Formes

Ces éléments peuvent être utilisés pour donner du relief pour les fonds. Ils peuvent être adaptés en fonction des thématiques.
Ils sont plutôt destinés au web.

Forme épurée et simple

Pictogramme simple en plein

Mis à la couleur d'une thématique

Motifs - Sigle CCI

Cet objet graphique peut être utilisé pour donner du relief pour les fonds.
S'il est utilisé, il est préférable d'éviter les rotations, les effets ou les motifs supplémentaires.

D'une teinte plus foncée sur fond bleu

Très légèrement assombri sur fond clair

Motifs - Ombres portées

Permettre d'avoir des éléments visuels qui se détachent davantage.
Elles sont plutôt destinées pour le web.

Pour un bloc

Pour des aplats

Motifs - Filets

Ces éléments sont destinés à faciliter la lecture, accompagner le regard.

Ligne simple

Séparateur

Motifs - Rubans

Ils peuvent être utilisés pour agrémenter ou marquer une thématique. Également pour faire ressortir des informations.

Colorisation classique

Colorisation thématique

Chiffres

Exemple de mise en exergue de chiffres-clés.

Colorisation classique

Colorisation thématique

Flèches

Exemple de mise en avant d'informations à l'aide d'une flèche.

Fond bleu

Fond clair