Colophon
Comment ce site a été conçu
Une note sur la typographie, la palette, la performance et le code qui ont fait ce portfolio.
La forme de ce site fait partie du travail. Chaque choix de cette page est intentionnel, et la plupart sont réversibles si un futur-moi se ravise.
Typographie
Les titres sont en Unbounded, un sans-serif géométrique aux formes larges et à la présence marquée en grande taille. Le corps et l’UI sont en Atkinson Hyperlegible, conçue par le Braille Institute pour une lisibilité maximale, y compris en cas de basse vision. Les deux sont auto-hébergées via Fontsource sous licence SIL Open Font.
L’échelle est une tierce majeure (ratio 1,25), et chaque page plafonne la mesure à 65 caractères par ligne sur les longs textes.
Couleur
Trois thèmes : Papier (clair par défaut), Encre (sombre), et Presse (contraste élevé). Les trois respectent le contraste AAA WCAG sur le corps de texte. La couleur d’accent est un seul jeton ; la changer change le site.
Performance et accessibilité
Construit avec Astro , qui n’envoie aucun JavaScript par défaut. Le site est entièrement statique, rendu au build. Les scores Lighthouse visent 100 en accessibilité et ≥95 en performance. Voir le statement d’accessibilité complet.
Stack
- Astro : framework de site statique orienté contenu.
- Tailwind CSS : utilitaires posés sur des variables CSS.
- MDX : chaque page (y compris celle-ci) s’édite comme du Markdown.
- Vercel : hébergement gratuit, déploiements de preview automatiques.
- GitHub Actions : la CI fait type-check, lint, tests a11y axe-core et Lighthouse CI sur chaque PR.