Comment
c'est fait.

Une entreprise qui prétend corriger ce que tout le monde tolère devrait accepter de montrer ses propres coutures. Ce site est la seule chose qu'elle ait construite à ce jour, donc la seule affirmation vérifiable. Tous les chiffres ci-dessous sont mesurés.

1. 01 / Caractères

   Trois familles, aucune n'est Inter.

   Instrument Serif pour les titres, Geist pour le texte, Geist Mono pour les libellés et les chiffres. Toutes auto-hébergées et découpées par unicode-range : une page ne télécharge que les glyphes qu'elle compose réellement.

2. 02 / Couleur

   Cinq valeurs, et trois papiers teints à partir d'elles.

   Lin, ardoise et argile portent les trois catégories, calées en clarté sur le papier de base pour que le défilement ne clignote pas. Le cuivre reste réservé à la marque. Chaque paire est mesurée sur les pixels rendus plutôt que sur les valeurs hexadécimales : le grain se multiplie sur tout, et une monospace de 11 px très espacée perd plus d'un point de ratio à l'anticrénelage. La pire paire du site est à 5,05:1.

3. 03 / Thèmes

   La planche est toujours l'inverse de la page.

   Le thème clair pose l'anthracite sur la crème ; le sombre les échange. La planche s'échange avec eux : elle n'est jamais la seule surface étrange du site, elle en est la seule inversion constante. Ses valeurs internes en sombre sont celles du thème clair, déjà mesurées. Chaque paire a été remesurée en sombre sur la carte telle qu'elle est rendue, pas sur la teinte déclarée : une matière et un grain la remontent d'environ sept points de L*.

4. 04 / Poids

   Environ 98 Ko à froid, surtout des caractères.

   Aucun framework, aucun bundler, aucun CDN, aucune mesure d'audience, aucune requête tierce à l'exécution. La page chinoise est la plus légère : elle emprunte les fontes système du lecteur au lieu d'embarquer une fonte CJK de plusieurs mégaoctets.

5. 05 / Comportement

   Lisible sans JavaScript.

   Chaque apparition dépend d'une classe que la page se donne elle-même : un script qui ne s'exécute pas laisse le contenu visible plutôt que caché. Les schémas ne masquent leurs tracés que si quelque chose est garanti de les ramener. Le sélecteur de langue est fait de vrais liens, et le formulaire s'envoie nativement.

6. 06 / Mouvement

   Absent quand le lecteur l'a demandé.

   prefers-reduced-motion supprime l'animation au lieu de l'abréger, et rend chaque élément dans son état final. Vérifié en comptant les animations en cours, pas en faisant confiance à la requête média.

7. 07 / Dessins

   Faits pour ce site, pas achetés.

   Les schémas de catégorie et la planche de chaîne logistique sont des SVG dessinés pour ce site ; ils se tracent une fois, à l'arrivée. Les quatre surfaces de matière sont des images générées, abaissées entre 13 et 28 pour cent afin que le texte garde son contraste. Rien ici ne représente un produit, parce qu'il n'y en a pas encore.

8. 08 / Hébergement

   Des fichiers statiques sur Cloudflare Pages.

   Aucune étape de compilation : la racine du dépôt est ce qui est servi. Un push sur la branche principale est le déploiement.

9. 09 / La liste

   Une adresse, une langue, un horodatage.

   Rien d'autre n'est conservé. L'IP est hachée avec un sel pour la limitation de débit et ces lignes sont effacées après une heure. Une inscription en double reçoit une réponse de succès, afin que le point d'entrée ne puisse pas servir à tester si une adresse figure sur la liste.

10. 10 / Politique

    Une politique de sécurité qui nomme ce qui peut se charger.

    default-src 'none', puis les quatre choses que le site utilise réellement. Aucun 'unsafe-inline' pour les styles ; l'unique script en ligne est épinglé par empreinte.

Lin

Rangement

Papier à grain

Bureau

Terre cuite

Quotidien

Laiton

Générée, jamais utilisée