Identité · v2 · hiver 2026
Une marque qui prend position. Chiffres à l'appui.
cestchaud.fr ne fait pas un bulletin météo de plus. On compare chaque journée à ce qui est normal, on le dit en gras, et on montre d'où vient chaque chiffre. L'identité sert ce rôle : lisible de loin, joueuse sans être légère, la même partout.
Le signe
L'anneau de l'écart.
Un « ° » épais, moitié chaud, moitié froid. Il dit l'idée du site en un signe : ce qui compte, ce n'est pas le thermomètre, c'est l'écart à la normale. Il remplace le point final du logo et sert seul en icône.
Règles
- Rouge en haut à gauche, bleu en bas à droite. Jamais l'inverse.
- Taille minimale : 12 px à l'écran.
- Espace libre autour : la moitié de son diamètre.
- Pas d'ombre, pas de dégradé, pas de rotation.
Couleurs
Papier, encre, et deux signaux.
Peu de couleurs, chacune avec un rôle. Le rouge et le bleu ne décorent jamais : ils veulent dire « au-dessus » et « en dessous » de la normale.
- Papier
#f5f4f0 · paper
Le fond de toutes les pages. Chaud, calme, imprimable.
- Encre
#111111 · ink
Texte, titres, blocs d'affirmation.
- Chaud
#e3261b · chaud
Au-dessus de la normale. Le soulignement d'origine du logo.
- Froid
#1d4ed8 · froid
En dessous de la normale, et la saison froide.
- Signal
#ffe14d · signal
Ce qu'il faut voir en premier : idée reçue, mot clé.
- Gris lisible
#5f5e58 · mute
Le gris le plus clair autorisé pour du texte (contraste ≥ 4,5:1).
L'échelle d'anomalie
Une seule échelle pour tout le site : cartes, classements, pastilles, graphiques. Neuf pas, centrés sur la normale. Elle se lit pareil en janvier et en juillet.
- #1e3a8a≤ −6 °C
- #2563eb−6 à −3 °C
- #60a5fa−3 à −1 °C
- #bfdbfe−1 à −0,5 °C
- #e7e5dfdans la normale
- #fed7aa+0,5 à +1 °C
- #fb923c+1 à +3 °C
- #dc2626+3 à +6 °C
- #7f1d1d≥ +6 °C
- ≤ −6 °C
- −6 à −3 °C
- −3 à −1 °C
- −1 à −0,5 °C
- dans la normale
- +0,5 à +1 °C
- +1 à +3 °C
- +3 à +6 °C
- ≥ +6 °C
Typographie
Des titres qui se lisent de loin.
Trois familles libres, auto-hébergées (aucun appel à un service tiers).
Titres et chiffres
+4,1 °
Bricolage Grotesque 800
Large, un peu bancale, chaleureuse. Serrée (−2,5 %) et toujours en très gras.
Texte courant
La normale, c'est la moyenne 1991-2020 pour ce mois et cette ville.
DM Sans
Neutre, très lisible sur mobile. 16 à 18 px, interligne généreux.
Sur-titres et données
Normale · 1991-2020 · ERA5
JetBrains Mono
Pour l'étiquetage, les sources et les tableaux. Chiffres à chasse fixe.
Échelle
Hero · 96
Titre XL · 56
Titre de section · 38
Titre de bloc · 22
Texte courant · 17
Légende · 13 (minimum pour du texte à lire)
Fonds de carte
Des cartes en points, pas en tuiles.
Hérités du projet Liner (LesWWW) : graticule en pointillés, voisins en trait fin, le pays en trait épais rempli d'une trame de points, les lieux en anneaux. Aucun fond de carte à charger : c'est du dessin vectoriel, léger, lisible sur un téléphone et animable.
France métropolitaine · les villes prennent la couleur de leur écart.
Planisphère en points · exemple de trajet « jumeau 2050 ».
Le ton
Affirmer, surligner, sourcer.
Un titre dit une chose. Le mot qui compte est surligné. Sous chaque chiffre, la source.
À faire
- Le thermomètre ment par omission.
- Il fait froid, donc… non.
- Le gel qui manque est un signal.
À éviter
- « Découvrez nos données climatiques » : ne dit rien.
- « Alerte canicule » en novembre : le texte doit suivre la saison.
- « +-0.3°C » : on écrit −0,3 °C, avec une virgule et un vrai signe moins.
- Un chiffre sans sa référence : « +4 °C » de quoi ? Par rapport à quoi ?
Composants
Les mêmes briques, partout.
Chaque page est construite avec ces composants. Ils sont vivants ci-dessous : touchez, survolez, passez au clavier.
Boutons
Surligneurs
signal · chaud · froid · encre
Pastilles d'écart
Villes au-dessus
Exemple de chiffre clé sur fond encre.
Le plus grand écart
Carte cliquable, ton chaud.
Nuits de gel
Ton froid.
Idée reçue
Ton signal : ce qu'il faut lire d'abord.
Mouvement
Chaque animation explique quelque chose.
GSAP, uniquement quand le mouvement fait comprendre une transformation : de l'absolu à l'écart, de la journée au climat, d'aujourd'hui à 2050. Le texte final est toujours là sans JavaScript, et rien ne bouge si vous avez demandé moins d'animations à votre système.
Aujourd'hui, Lyon est à +4,1 °C de sa normale.
Son jumeau 2050 : Séville
Mots qui montent · surligneur · compteur depuis zéro · nom qui se cherche.
Le compteur part de la normale
Un ressenti de 15 °C compte depuis 11 °C : l'écart se voit pendant qu'il se construit.
La carte bascule
Du thermomètre à l'écart, les couleurs balaient la France d'ouest en est.
Toujours pilotable
Boutons d'étape, clavier, télécommande en atelier. Jamais seulement au défilement.
Fichiers
Prenez, utilisez, citez.
Fichiers vectoriels (SVG), texte vectorisé. Pour un article, un atelier ou une présentation : citez « cestchaud.fr » et la source des données.
Logotype couleurSVG
Logotype sur fond sombreSVG
Logotype une couleurSVG
Anneau couleurSVG
Icône d'applicationSVG
Anneau encreSVG
Anneau papierSVG
Polices : Bricolage Grotesque, DM Sans et JetBrains Mono, sous licence SIL Open Font License. Référence technique pour les contributeurs : docs/DESIGN.md dans le dépôt.