Type System - EGS Gallois Sisal¶
Polices de Caractères¶
1. Titres (Headings)¶
Famille : Darker Grotesque
Usage : Titres principaux, accroches, citations.
Caractéristiques : Sans-serif, géométrique mais avec du caractère, haute lisibilité en grandes tailles.
| Niveau | Style | Poids | Taille | Line Height | Usage |
|---|---|---|---|---|---|
| H1 | SemiBold | 600 | 48px+ | 1.1 | Titres de page (Hero) |
| H2 | SemiBold | 600 | 36px | 1.2 | Titres de section |
| H3 | Medium | 500 | 28px | 1.3 | Sous-titres de section |
| H4 | Medium | 500 | 24px | 1.4 | Titres de cartes |
| H5 | SemiBold | 600 | 25px | 1.4 | Titres spécifiques (Design System) |
2. Corps de Texte (Body)¶
Famille : Overused Grotesk (ou Inter comme fallback)
Usage : Paragraphes, listes, labels de formulaires.
Caractéristiques : Neutre, extrêmement lisible, moderne.
| Style | Poids | Taille | Line Height | Usage |
|---|---|---|---|---|
| Body Large | Regular | 450 | 19px | 1.5 |
| Body Base | Regular | 400 | 16px | 1.6 |
| Caption | Regular | 400 | 14px | 1.4 |
| Button | Medium | 500 | 16px | 1.0 |
Règles Typographiques¶
- Hiérarchie : Utilisez le contraste de taille et de poids pour guider l'œil.
- Couleur :
- Titres sur fond clair :
egs-night(#071915) - Titres sur fond sombre :
base-white(#FFFFFF) - Corps sur fond clair :
egs-main(#14392F) ou Gris foncé.
- Titres sur fond clair :
- Alignement : Gauche par défaut pour la lisibilité. Centré uniquement pour les titres Hero ou les citations courtes.