ColophonMis à jour 15 avril 2026
Notes de composition. Tenues avec sérieux.
Ce site est composé à la main. Voici les réglages qu'on utilise : typographie, palette, stack, proportions. Rien d'exceptionnel : juste les bases, tenues avec sérieux.
001
Typographie
Aeonik
self-hosted variable
Inter
system fallback
Instrument Serif Italic
Google Fonts, 400 italic
JetBrains Mono
IBM Plex Mono fallback
002
Palette
- Accent primaire
- #1f53d3Blue 700
- Texte
- #0A0A0Alight
- Texte (dark)
- #F3F2ECoff-white
- Background
- #F9F9F8off-white neutre
- Background (dark)
- #0F0F0Fnear-black
- Sable
- #A8997Bpage /doctrine
- Forest
- #3F5D4Bpage /realisations
- Terracotta
- #C85A3Amoments humains
003
Proportions
- Grille base
- 8pt, 4pt sub-grid
- Container max
- 1280px (lg), 1440px (header only)
- Body max
- max-w-3xl (760px), 52ch articles
- Titre max
- max-w-3xl (680px)
- Radii
- 0, 4, 8, 12, 16, 24 px
- Shadow
- arch multi-layer, carbon soft (0.02–0.08 α)
004
Stack technique
- Framework
- Next.js 15 (App Router, RSC)
- UI
- Tailwind CSS 4, Framer Motion 12
- Runtime
- React 19, TypeScript 5
- Hébergement
- Vercel (Fluid Compute, CDN mondial)
- Analytics
- GA4, Vercel Analytics
- Formulaires
- API route interne, Resend, WhatsApp
005
Performance publique
Scores Lighthouse du site production, vérifiables sur PageSpeed Insights.
99/100
Performance
97/100
Accessibilité
96/100
Bonnes pratiques
100/100
SEO
006
Principes
- Rien n'est animé qui ne soit une information.
- Un accent chromatique par page. Tout le reste est neutre.
- Toute décision typographique est auditable : un outil, un réglage.
- Le contraste WCAG AA est un minimum. Jamais un objectif.
- Le code livré est identique au code en production.
Y., Colophon v.01, 2026
Cette rigueur, on l'applique à chaque projet.