# Mini-charte graphique — ParlerMoinsVite

## Couleurs

| Usage | Couleur | Hexadécimal | HSL |
|---|---|---|---|
| Teal primaire (logo, boutons, liens) | Teal doux | #3A9888 | hsl(170 45% 41%) |
| Encre (texte) | Bleu nuit | #2E3142 | hsl(230 18% 22%) |
| Fond | Crème chaud | #F9F8F6 | hsl(40 18% 97%) |
| Sable (fonds secondaires) | Sable | #F2EEE9 | hsl(34 25% 93%) |
| Pêche (accents chaleureux) | Pêche | #FBEAE0 | hsl(22 75% 93%) |
| Vert calme (zone de débit apaisé) | Vert calme | #39AC86 | hsl(160 50% 45%) |
| Orange (zone de débit rapide) | Orange | #EEA62B | hsl(38 85% 55%) |
| Rouge doux (zone critique) | Rouge doux | #D74742 | hsl(2 65% 55%) |

## Typographies

- **DM Sans** (Google Fonts) : texte courant et logo, graisse semibold 600 pour le nom de marque.
- **Nunito** (Google Fonts) : titres et éléments d'affichage.

## Règles d'usage du logo

- Toujours utiliser les fichiers fournis, sans déformation, rotation ni changement de couleur.
- Sur fond clair : version « fond-clair » (texte bleu nuit).
- Sur fond sombre ou photo : version « fond-sombre » (texte blanc) ou monochrome blanc.
- L'icône seule (carré arrondi teal avec la vague) peut être utilisée quand l'espace est réduit, par exemple en avatar.
- Laisser autour du logo une zone de protection d'au moins la moitié de la hauteur de l'icône.
- Le style général est doux et organique : formes arrondies, couleurs apaisées, pas d'aplats agressifs.
