— Colophon · Issue N°007Mis à 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
- #1D4ED8Blue 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.