Colophon · Note d'artisan

Comment ce site
a été fait.

Un colophon, à l'origine, c'est la petite note qu'on glissait à la fin d'un livre imprimé pour signaler les caractères, le papier, l'atelier. Une trace de l'artisan. Voici la mienne.

01 — Typographie

Playfair Display

Serif moderne conçue par Claus Eggers Sørensen (2011). Utilisée pour les titres en italique, les accents lyriques, les moments où l'on veut respirer. Inspirée des fontes du 18^e siècle — celles qui portent encore l'empreinte de la plume.

Inter

Sans-serif dessinée par Rasmus Andersson pour l'écran. Utilisée pour 95 % du corps de texte. Choisie pour sa lisibilité impeccable à toutes les tailles et ses chiffres tabulaires parfaits pour les tarifs.

02 — Palette

Ardoise

#0F172A

Vert Studio

#16A34A

Papier chaud

#FBF7F1

Crème

#E8D8C1

Fond site

#F8FAFC

Cinq teintes. Pas une de plus. Le vert du Studio rappelle le WhatsApp qui relie chaque mandat. Le papier chaud et la crème évoquent les carnets de notes, les livres anciens, les murs en chaux d'un intérieur bien habité.

03 — Outils & infrastructure

Code: HTML5 statique, Tailwind CSS via CDN, quelques centaines de lignes de JavaScript vanilla. Zéro framework. Zéro build step. Tout est lisible à la source.
Animations: GSAP pour les scroll-reveal, Intersection Observer pour le reste. Respect strict de prefers-reduced-motion — si vous n'aimez pas le mouvement, il disparaît.
Hébergement: IONOS Webspace, serveurs en France. Livrables stockés chiffrés, purgés à 30 jours.
Mesure d'audience: Microsoft Clarity, anonymisé, sous consentement Axeptio. Aucun traceur publicitaire.
Direction artistique IA: Suite interne Yasei fondée sur plusieurs moteurs de rendu génératifs, tous sous contrat de non-entraînement. Chaque visuel passe par une relecture humaine avant livraison.
Conformité: LCEN 2004, RGPD (UE 2016/679), EU AI Act Art. 50. Prêt pour l'échéance du 2 août 2026.

04 — Dettes & inspirations

— Kinfolk, Cereal Magazine. Pour la généreuse respiration typographique, et l'idée qu'on peut parler de maisons sans crier.
— Stripe.com. Pour la précision documentaire, la densité maîtrisée, et l'élégance du code qu'on devine derrière le rendu.
— Linear.app, Vercel.com. Pour l'obsession des micro-détails et la conviction que chaque pixel compte.
— Junichirō Tanizaki — Éloge de l'ombre. Pour l'idée que la beauté naît du contraste discret, pas de l'éclat frontal.
— Les architectes d'intérieur japonais, Atelier Bow-Wow, Terunobu Fujimori. Pour l'attention à ce qui existe déjà dans un lieu avant d'y ajouter quoi que ce soit.

05 — Détails invisibles

Des choses que vous n'avez peut-être pas vues, mais qui ont été faites avec soin.

Barre de lecture

Une fine ligne verte apparaît en haut des articles longs pour indiquer la progression.
Copier avec attribution

Si vous copiez un tarif ou un passage long, l'adresse du Studio se glisse discrètement en fin de sélection.
Feedback tactile

Sur mobile, les boutons principaux émettent une très légère vibration. Discrète. Optionnelle si vous avez désactivé le mouvement.
Accordéons natifs

Les CGV et la politique de confidentialité utilisent la balise <details> du HTML pur. Zéro JavaScript pour les ouvrir.
Mode haute lisibilité

Un bouton dans le menu bascule en police plus grande, plus espacée. Réglage sauvegardé.
Konami

↑ ↑ ↓ ↓ ← → ← → B A. Un petit secret pour qui s'ennuie.

Site dessiné, codé, écrit et relu par une seule main, entre deux projets de home staging, dans un bureau qui donne sur le Causse Noir. Merci d'avoir poussé la porte jusqu'ici.

Evann

Evann Costes — Saint-Beauzély, avril 2026