Project Climat

Project Climat est né de l’envie de rendre les enjeux climatiques compréhensibles, sans sensationnalisme ni surcharge d’informations. Le sujet souffre d’un paradoxe : l’information existe en abondance, mais elle est soit trop technique pour être lue, soit trop alarmiste pour être supportée.

Plutôt qu’inonder le lecteur de chiffres ou d’alertes anxiogènes, l’objectif était de créer un espace calme, pensé pour la lecture longue, la réflexion et la nuance. Trois axes ont guidé toutes les décisions : la lisibilité avant tout, une navigation simple et non agressive, et une tonalité pédagogique plutôt que militante.

L’interface est volontairement silencieuse : pas d’animation inutile, pas de surcharge graphique, aucun élément qui réclame l’attention pour lui-même. Espaces généreux, grille stable, couleurs neutres, accent minimal.

Cela va à l’encontre de la plupart des sites de contenu, qui multiplient les incitations, les encarts et les recommandations. Le pari était inverse : une page qui ne demande rien au lecteur est une page qu’il finit.

• Typographie calibrée pour la lecture longue : mesure d’environ 70 signes, interlignage large, contraste tenu.
• Articles structurés et narratifs, avec une hiérarchie d’informations explicite.
• Mode sombre lisible et réellement accessible, pas une simple inversion.
• Système de tags pour explorer les sujets sans passer par un moteur de recherche.

Le contenu est écrit en MDX. Ce choix permet d’intégrer des composants au fil du texte — un graphique, un encart de définition, une comparaison — sans quitter le format markdown ni passer par un CMS.

L’intérêt est autant éditorial que technique : l’auteur écrit du texte, et n’insère un composant que lorsque le texte ne suffit pas. La contrainte pousse à expliquer d’abord, illustrer ensuite.

Le site sert aujourd’hui de base pour publier des articles, organiser la connaissance et structurer des analyses. Il est conçu comme un outil d’apprentissage autant que comme un média.

C’est aussi la démonstration qui m’intéressait : une interface lente, pensée pour l’attention plutôt que pour l’engagement, a sa place — et elle se construit avec exactement les mêmes outils que les autres.

• Next.js et React, TypeScript.
• TailwindCSS dans une approche atomic design.
• Markdown et MDX pour l’édition des articles.