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
1234567890!@#$%^&*()`~{}[]+=:;'"‘’“”
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
M = 65
J = 0
N = 0
Bleu web
Nuances web
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).
Numérique
Développement
durable
International
Compétence RH
Compétitivité
Développement
commercial
Création
Reprise
Transmission
Financement
Offres territoires
+ Institutionnel
Offres Particuliers
+ Formation
Nuancier print
M = 0
J = 0
N = 0
M = 0
J = 30
N = 0
M = 0
J = 100
N = 0
M = 0
J = 100
N = 0
M = 25
J = 100
N = 0
M = 60
J = 100
N = 0
M = 100
J = 100
N = 0
M = 80
J = 0
N = 0
M = 80
J = 0
N = 0
M = 60
J = 90
N = 20
Nuancier web
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
