Comment ce site est fait

Ce site applique à lui-même ce que les études de cas racontent : un système de tokens, des choix défendables et de la retenue.

Stack

Astro : HTML statique, zéro JavaScript embarqué par défaut. Seules exceptions : la redirection de langue (côté serveur), l’agrandissement des visuels au clic, et une mesure d’audience anonyme, sans cookie, servie par le même domaine. Tailwind CSS 4 en mode CSS-first : les tokens vivent dans un bloc @theme en custom properties. Le contenu des études de cas est en MDX, validé par un schéma typé au build. Fontes auto-hébergées, aucune requête tierce.

Typographie

Trois écritures, trois registres. Cal Sans porte les titres, Poppins porte le récit : la prose des études de cas. Geist Mono porte le système : fiches techniques, métadonnées, chiffres. La dualité récit / système est le concept du site.

Couleur

Un fond neutre et calme (#F5F5F3), des surfaces #ECECEA, une encre #161615 (16,5:1 sur le fond) et un gris secondaire mesuré pour rester lisible. Aucune couleur d’accent : ce sont les médias des projets qui colorent les pages, le site reste le mur.

Accessibilité et performance

Conçu pour le RGAA (voir la déclaration). Budget performance : aucune dépendance client, images optimisées au build, pages complètes en quelques dizaines de kilo-octets.