Typographie
Nous utilisons la police d'écriture Proxima Nova pour représenter notre entreprise. Nous avons des polices de secours au cas où la première s'afficherait mal sur un navigateur.
font-family: “Proxima Nova", “Helvetica Neue”, “Helvetica”, “Arial”, "Lucida Grande", sans-serif;
01 Proxima Nova
Light
font-weight: 300;
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
1234567890#+-@=%/>([?!])
Regular
font-weight: 400;
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
1234567890#+-@=%/>([?!])
Medium
font-weight: 500;
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
1234567890#+-@=%/>([?!])
Bold
font-weight: 700;
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
1234567890#+-@=%/>([?!])
02 Échelle de caractères
Il s'agit des relations générales entre les polices sur nos sites Web. Veuillez suivre le cahier des charges ci-dessous lorsque vous concevez ou développez une page.
Ordinateur
Titre 1
Taille : 38 px | Épaisseur : 700
Titre 2
Taille : 30 px | Épaisseur : 700
Titre 3
Taille : 24px | Épaisseur : 700
Paragraphe
Taille : 21 px | Épaisseur : 300
Hyperlien
Taille : 21px | Épaisseur : 400
Texte bouton | Descriptions
Taille : 14 px | Épaisseur : 500
Mobile
Titre 1 | Mobile
Taille : 36 px | Épaisseur : 700
Titre 2 | Mobile
Taille : 28 px | Épaisseur : 700
Titre 3 | Mobile
Taille : 22 px | Épaisseur : 700
Paragraphe | Mobile
Taille : 18 px | Épaisseur : 300
Hyperlien | Mobile
Taille : 18 px | Épaisseur : 400
Texte bouton | Descriptions
Taille : 14 px | Épaisseur : 500