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. Archivo semi-étendue 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

Des noirs chauds (#0F0E0D, #171614), filets #2B2825, ivoire #E9E5DE (15,4:1 sur le fond), blanc pour les titres et le focus. Un seul accent : le violet et son dégradé signature vers le bleu pétrole, réservés au repérage (disciplines, séries, numéros de décision), jamais à la décoration. Chaque variante « claire » d’un token de couleur existe pour garantir le contraste du texte sur fond sombre.

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.