Les détails comptent. Surtout ceux qu’on ne remarque pas tout de suite.
Ce site est dessiné comme une feuille de traceur : un fond graphite, une seule ligne qui avance pendant que vous lisez, et des mots qui restent lisibles sans elle. La ligne a un sens à chaque endroit. Rien ne bouge pour faire de l’ambiance.
Typographie
Tout le texte est composé en B612, un caractère dessiné par Airbus et Intactile pour les écrans de cockpit, là où des personnes surveillent des systèmes automatisés et doivent lire un état d’un coup d’œil. C’est le sujet du studio, alors le caractère a été choisi pour ce travail.
Les données brutes, les horodatages et l’empreinte du relevé sont en Fragment Mono. Les notes en marge, celles qu’une personne écrit en relisant, sont en Caveat.
Les trois polices sont sous licence OFL, servies par ce site et réduites au jeu latin. Les deux graisses de B612 sont préchargées ; les autres arrivent quand une page les utilise.
Couleurs
- graphite
#26282b, la feuille - ivoire
#ece5d6, le texte et le travail brut - crayon
#9a9da1, les premiers jets et les libellés - cuivre
#d98a4e, le système au travail - rouge
#f0664a, une personne qui décide. Rien d’autre n’est rouge.
Chaque couleur de texte est vérifiée contre le graphite : ivoire 11,8:1, texte secondaire 7,0:1, cuivre 5,4:1, rouge 4,7:1.
La ligne
La ligne est tracée en JavaScript simple et en SVG inline, sans bibliothèque d’animation. La page défile sous un stylo fixe, placé à 62 % de la hauteur de l’écran, et la ligne s’arrête au stylo sans jamais le dépasser. Le défilement reste celui du navigateur.
Chaque dessin est semé avec les 32 premiers bits de l’empreinte SHA-256 du relevé d’audit publié dans nos preuves : 64d1319e. La même page dessine donc la même feuille à chaque visite.
Mouvement réduit
Si votre système demande moins de mouvement, chaque dessin s’affiche d’un coup, complet, sans stylo. Chaque section devient une image fixe et rien ne manque. Sans JavaScript, les dessins disparaissent et tout le texte reste.
Fabrication
Astro génère les pages sur un petit serveur Node. Le même code sert last-word.fr en français et last-word.ai en anglais, selon le domaine demandé. Le site doit rester rapide, accessible et lisible, même quand les animations sont désactivées.
Références
Practical Typography pour la discipline typographique. Font Review Journal pour le calme, la grille et la confiance accordée aux mots comme matière visuelle.