L’édition 2026
Colophon
Comment ce registre est fait : les deux caractères dans lesquels il est composé, les couleurs qu’il garde le jour et la nuit, et les règles que nous nous imposons, chacune avec sa raison.
2 228 083 avis de 62 sources, dernière collecte il y a 24 minutes.
Caractères
Deux caractères, deux métiers
Fraunces
Undercase Type (Phaedra Charles et Flavia Zimbardi), 2020. SIL Open Font License 1.1.
Les marchés publics d’Europe, au registre.
Fraunces parle. Il compose chaque titre de page, les marques de section et le chiffre dont traite une page. C’est un caractère variable à quatre axes, et chacun a ici un rôle.
- wght Graisse
- 100-900
- Maigre pour les chiffres, normal pour les titres de une, demi-gras pour les titres.
- opsz Taille optique
- 9-144
- Réglée par le navigateur selon la taille : les déliés s’affinent dans un grand titre et les traits s’épaississent dans une légende.
- SOFT Douceur
- 0-100
- Arrondit les terminaisons : 30 pour le titre de la une, 50 pour les chiffres principaux, 100 pour l’accent du titre.
- WONK Wonk
- 0-1
- Les h, m et n penchés que Fraunces peut dessiner en grand corps. Tenu à 0 : un registre se lit droit.
Inter
Rasmus Andersson, depuis 2016. SIL Open Font License 1.1.
0123456789 Aa Gg Rr 4 6 & €
Inter travaille. Il compose l’interface, les libellés, les tableaux et chaque chiffre qui se lit en colonne, là où les chiffres doivent s’aligner.
- wght Graisse
- 100-900
- Normal pour lire, demi-gras pour les libellés et les titres, gras pour les rares mots qui doivent arrêter l’œil.
- tnum Chiffres tabulaires
- Chaque chiffre a la même largeur, pour qu’une colonne de montants s’additionne à l’œil.
Couleur
Mediterrània, de jour et de nuit
Quatre couleurs de la Méditerranée : la mer profonde, l’eau, le ciel et le soleil. Tout le reste est une paire, une valeur pour le jour et une pour la nuit, déclarée une seule fois. Tout le site bascule sur une seule propriété, si bien qu’aucune page ne peut être oubliée dans le noir.
Les quatre qui ne changent jamais
-
Mer profonde
brand-950 #023047
Le fond de chaque bloc sombre, et l’encre sur l’or.
-
Eau
brand-500 #219ebc
La marque de section et l’anneau de focus.
-
Ciel
brand-300 #8ecae6
L’accent du titre et les nuances de la carte.
-
Soleil
sun-400 #ffb703
L’action, la nouveauté et un lauréat. Il porte toujours une encre sombre.
Les paires
Valeurs citées de la feuille de style telle qu’elle est servie.
-
Papier paper
Le fond. Un blanc cassé chaud avec un grain qu’il faut chercher ; la nuit, le grain disparaît.
- Jour
- oklch(98.2% 0.006 85)
- Nuit
- #0b1720
-
Feuille surface
Une carte ou un panneau : une feuille sur le bureau, jamais une boîte blanche sur un mur blanc.
- Jour
- #ffffff
- Nuit
- #102430
-
Encre slate-900
Les titres et le texte que l’on lit.
- Jour
- oklch(20.8% 0.042 265.755)
- Nuit
- #ecf3f6
16,9:1 de jour, 16,1:1 de nuit
-
Seconde encre slate-500
Notes, dates et légendes. Rien de plus clair n’est jamais utilisé pour du texte.
- Jour
- oklch(55.4% 0.046 257.417)
- Nuit
- #8aa4b2
4,7:1 de jour, 6,0:1 de nuit
-
Lien brand-700
Les mots que l’on peut suivre.
- Jour
- #136880
- Nuit
- #56b4d4
6,3:1 de jour, 6,7:1 de nuit
-
Soleil en encre sun-700
L’or assez petit pour être du texte : la date d’un folio, un changement important.
- Jour
- #a35a00
- Nuit
- #f9b24a
5,2:1 de jour, 8,7:1 de nuit
-
Filet hairline
Le seul trait entre les lignes. Seul le filet d’ouverture du registre est plus épais.
- Jour
- rgb(2 48 71 / 0.1)
- Nuit
- rgb(236 243 246 / 0.13)
Règles
Les règles que nous tenons, et pourquoi
-
Une carte, un bouton, un champ, un filet, un survol.
Un site se dote d’une sixième variante de tout, une fonctionnalité à la fois. Écrire le vocabulaire est ce qui l’arrête.
-
L’or porte toujours une encre sombre.
La mer profonde sur le soleil se lit à 7,9:1. Le blanc sur le soleil tomberait à 1,7:1, et personne ne pourrait le lire.
-
Chaque couleur a une valeur de nuit.
Elle est déclarée une fois, en paire, si bien que l’édition sombre n’est jamais une pensée après coup.
-
Rien n’apparaît en fondu sur le premier écran.
Une page qui cache ce qu’elle a déjà affiché fait attendre le lecteur pour rien.
-
Tout fonctionne sans script.
Le script ne fait qu’ajouter. Un moteur de recherche, un téléphone lent et un lecteur attentif reçoivent tous la page entière.
-
Un chiffre renvoie à la liste qu’il compte.
Un nombre que l’on ne peut pas vérifier est une opinion.
-
Chaque avis renvoie à sa source officielle.
Ceci est un registre des documents des autres. L’original est à un geste, et nous ne réécrivons jamais ce qu’il dit.
-
Un pouce a besoin de 44 pixels.
Chaque commande sur un téléphone fait au moins cette hauteur, et chaque champ est composé en 16 pixels pour que le téléphone ne zoome jamais dessus.
Matériaux
De quoi il est fait
- Caractères
- Fraunces et Inter, tous deux sous SIL Open Font License 1.1, servis depuis ce site.
- Icônes
- Phosphor Icons, licence MIT, une seule famille dans la graisse que demande chaque usage.
- Drapeaux
- flag-icons de Panayiotis Lipiridis, licence MIT, simplifiés là où des armoiries ne se liraient pas.
- Données
- Sources officielles, TED en premier. Chacune est nommée, avec sa licence, dans les Mentions légales.
- Fait
- À Barcelone, en six langues. Cette page décrit l’édition 2026.