Pourquoi les listes sectorielles disent toutes la même chose
Lisez quatre guides « polices pour X » dans quatre secteurs sans rapport et le chevauchement est frappant. Une sans serif géométrique pour tout ce qui touche à la technologie. Une serif transitionnelle pour tout ce qui veut paraître établi. Une serif display à haut contraste pour tout ce qui touche au luxe. Une sans serif arrondie pour tout ce qui se veut convivial.
La convergence survient parce que le secteur est une variable proxy. Ce que l'auteur entend par « fintech » est *besoin de signaler une confiance institutionnelle*, et ce qu'il entend par « agence créative » est *besoin de signaler la distinction plutôt que la lisibilité*. Ce sont les véritables variables d'entrée. Une fois nommées directement, l'étiquette sectorielle n'apporte plus d'information et cesse de vous orienter vers les trois mêmes polices que tous les concurrents de votre catégorie.
Le secteur est un substitut au registre de confiance et à la charge de lecture. Nommez-les directement et l'étiquette de catégorie n'apportera plus rien.
Les trois axes essentiels
| La question | Ce qu'elle détermine | |
|---|---|---|
| Charge de lecture | Le lecteur doit-il lire plus de 200 mots en continu? | Une charge élevée nécessite une police de corps conçue pour une lecture prolongée : hauteur d'x généreuse, ouvertures larges, véritables italiques. Une charge faible vous permet de privilégier le caractère. |
| Registre de confiance | Le lecteur doit-il croire que vous êtes établi et fiable? | Une confiance élevée pousse vers des formes familières et institutionnelles : une serif ou une grotesque neutre. Une confiance faible vous permet d'être original. |
| Densité de l'interface | Quelle quantité de texte UI est affichée en 12 à 14px? | Les interfaces denses nécessitent une police qui reste lisible en petite taille : chiffres clairs, I/l/1 distinguables, espacement serré mais pas compact. |
Le troisième axe est celui que les designers ignorent et que les ingénieurs découvrent. Une police magnifique dans un titre en 48px peut être inutilisable dans une étiquette de tableau en 12px, et la majeure partie du travail d'interface se fait en petite taille. Testez à 12px avant de tomber amoureux à 48px.
Le test I/l/1 n'est pas de la pureté esthétique. Dans tout produit contenant des codes, des identifiants, des numéros de commande ou des mots de passe, une police où le I majuscule, le l minuscule et le chiffre 1 sont indiscernables génère de réels tickets de support. Tapez-les côte à côte avant de vous engager.
Associations par secteur
Ce sont des choix par défaut défendables, avec la justification énoncée pour que vous puissiez la contester, et une alternative différenciatrice pour chacun, car le choix par défaut est celui que vos concurrents utilisent déjà.
Chaque secteur ci-dessous présente un échantillon réel plutôt qu'une capture d'écran : la police de titre, la police de corps et la police mono rendues à chaque étape d'une échelle réelle, dans le navigateur que vous utilisez pour lire ceci. Une association présentée sous forme d'image ne vous dit rien sur son rendu en taille légende, et c'est précisément en taille légende que les associations échouent.
SaaS et outils pour développeurs
| Association | Pourquoi | |
|---|---|---|
| Par défaut | Inter partout, une seule gamme de graisses | Conçue pour les interfaces, excellente en petite taille, graisses variables. Le choix le plus sûr possible, ce qui constitue également son problème |
| Différenciée | Une grotesque avec plus de caractère pour les titres, Inter pour l'UI | Conserve la fiabilité en petite taille là où c'est essentiel et n'apporte de la personnalité que là où le lecteur n'est pas en phase de travail |
| À éviter | Une police géométrique d'affichage pour les libellés de l'UI | Les formes géométriques perdent leur distinction à 12px : le o/e/c tendent à se confondre |
Pour une analyse plus approfondie du cas SaaS spécifiquement, incluant une police mono pour les données et le nombre de graisses réellement nécessaires, voir Association de polices SaaS.
Finance, assurance, juridique
| Association | Pourquoi | |
|---|---|---|
| Par défaut | Une serif de transition pour les titres, une grotesque neutre pour le corps de texte et l'UI | La serif assure le signal institutionnel ; la grotesque maintient la lisibilité des formulaires et des tableaux |
| Différenciée | Une serif contemporaine à la construction visible, associée à la même grotesque | Suggère l'établissement sans évoquer 1987. La structure de l'association reste conservatrice ; la voix, elle, ne l'est pas |
| À éviter | Une serif pour le corps de texte dans un produit riche en données | Les serif dans des tableaux denses à 13px produisent du bruit visuel, et les produits financiers sont essentiellement composés de tableaux |
Token specimen · real values
Verdant Finance
Live renderVerdant Finance's actual tokens — the same values its exports use.
Santé et services publics
| Association | Pourquoi | |
|---|---|---|
| Par défaut | Une sans humaniste partout, avec des tailles généreuses | Les formes humanistes sont les plus lisibles sous stress, à distance et pour les lecteurs malvoyants. L'utilisation d'une seule famille élimine un risque d'erreur |
| Différenciée | Une sans humaniste avec une alternative plus chaleureuse pour les titres uniquement | Apporter de la chaleur sans compromettre la police du corps de texte. Limiter le changement aux tailles d'affichage |
| À éviter | Tout ce qui présente un interlettrage serré, des graisses légères ou une faible hauteur d'x | Votre lecteur peut être anxieux, pressé, sur un téléphone dans une mauvaise luminosité, ou les trois à la fois |
Cette catégorie mérite d'être étudiée même si vous travaillez ailleurs. Les design systems du secteur public publient les recherches qui sous-tendent leurs choix typographiques, ce que presque personne d'autre ne fait ; une police éprouvée dans les pires conditions est un choix sûr dans des conditions ordinaires.
E-commerce et vente au détail
| Association | Pourquoi | |
|---|---|---|
| Par défaut | Une police de titrage expressive pour les en-têtes de produits et de catégories, une sans neutre pour tout ce qui est transactionnel | La distinction est cruciale : la personnalité vend, la neutralité rassure |
| Différencié | Poussez la police de titrage au-delà de ce qui semble confortable, et gardez la police transactionnelle ennuyeuse | Presque toute la différenciation se joue dans les 20 % de typographie que le client lit avant de décider |
| À éviter | La police de titrage à proximité immédiate du prix, de la quantité ou du tunnel d'achat | Toute ambiguïté sur un chiffre nuit simultanément au taux de conversion et à la confiance |
Éditorial, médias et édition
| Association | Pourquoi | |
|---|---|---|
| Par défaut | Une serif conçue pour la lecture prolongée en corps de texte, une grotesque pour les éléments de structure et l'UI | C'est le seul cas où une serif de corps est sans ambiguïté : la lecture de long format est sa fonction première |
| Différencié | Même structure, mais choisissez la serif de corps pour son italique | Le texte éditorial utilise constamment l'italique, alors que la plupart des associations sont choisies uniquement sur la romain |
| À éviter | Une serif de titrage comme police de corps | Un contraste élevé qui est superbe à 48px devient fin et fatigant à 18px sur un millier de mots |
Agences, studios et portfolios
| Association | Pourquoi | |
|---|---|---|
| Par défaut | Une police de titrage inhabituelle, un bourreau de travail invisible | Le travail est le contenu. La typographie doit le mettre en cadre, puis s'effacer |
| Différencié | Une seule famille utilisée avec un contraste de taille extrême plutôt que deux familles | Une seule police à 14px et 160px a plus d'impact que deux polices de tailles modérées, et est plus facile à rendre cohérente |
| À éviter | Trois familles | Presque chaque système à trois familles se résume à deux familles et un désaccord non résolu |
Token specimen · real values
LimePulse Digital Agency
Live renderLimePulse Digital Agency's actual tokens — the same values its exports use.
Éducation et associations
| Association | Pourquoi | |
|---|---|---|
| Par défaut | Une sans humanist partout, avec une serif réservée aux articles de fond | Le public varie énormément en termes d'âge et d'appareils. Les formes humanist résistent mieux à cette diversité que les formes géométriques |
| Différencié | Une slab ou une serif à faible contraste pour les titres | Apporte une sensation de chaleur et de substance sans la froideur institutionnelle d'une serif transitionnelle |
| À éviter | Les graisses légères (light) partout | Prévoyez des appareils anciens, des lecteurs plus âgés et des écrans dont la luminosité est réduite |
Immobilier, hôtellerie et voyage
| Association | Pourquoi | |
|---|---|---|
| Par défaut | Une serif raffinée pour les titres sur images, une sans discrète pour les détails et les listes | Le texte se superpose aux photos, donc le contraste et la graisse importent plus que le caractère |
| Différencié | Une seule sans avec un contraste de graisse extrême, laissant la photographie apporter toute la chaleur | Le look « serif sur photo » est la convention la plus saturée de ce secteur |
| À éviter | Les serifs d'affichage à haut contraste sur des images chargées | Les traits fins disparaissent dans les détails photographiques, et chaque photo d'annonce est différente |
Industrie, logistique et fabrication B2B
| Association | Pourquoi | |
|---|---|---|
| Par défaut | Une grotesque neutre partout, avec une mono pour les numéros de pièces et les spécifications | La mono n'est pas décorative ici. Elle rend les identifiants alphanumériques longs scannables et comparables |
| Différencié | Une grotesque avec un véritable caractère pour les titres ; gardez la police de spécifications neutre | Ce secteur souffre d'un manque chronique de design, une distinction modeste suffit donc à faire la différence |
| À éviter | Toute police proportionnelle pour les numéros de pièce | Comparer deux tableaux de spécifications nécessite des chiffres alignés en colonnes |
L'intérêt des chiffres tabulaires dépasse largement ce secteur. Partout où des nombres apparaissent en colonne (prix, quantités, métriques, dates), font-variant-numeric: tabular-nums les rend comparables d'un coup d'œil. La plupart des polices le supportent, mais presque personne ne l'active.
Le volet technique que personne n'aborde
Un duo qui semble correct sur le papier mais échoue dans le navigateur reste un mauvais choix. Quatre décisions de déploiement qui modifient ce que votre lecteur voit réellement.
| La décision | Ce qui pose problème | |
|---|---|---|
| Graisses variables vs coupes statiques | Un seul fichier variable contre plusieurs graisses statiques | Un fichier variable est généralement plus léger que trois fichiers statiques et permet d'accéder à des graisses intermédiaires. Cependant, si un duo dépend d'une graisse non déployée, celle-ci sera synthétisée, et un gras synthétique est visiblement moins qualitatif |
| Métriques de repli (Fallback metrics) | Ce qui s'affiche avant le chargement de la webfont | Sans métriques correspondantes, la page subit un reflow lors de l'arrivée de la police. size-adjust et la famille ascent-override permettent à une police de repli système d'occuper presque le même espace |
| Subsetting | Quels caractères sont déployés | Les subsets limités au latin sont nettement plus légers, mais cassent silencieusement dès qu'apparaît un nom, un symbole monétaire ou une langue non anticipée |
| Stratégie de chargement | Comportement de font-display | swap affiche la police de repli puis reflow ; optional peut ne jamais afficher votre police sur une connexion lente. Aucun choix n'est gratuit : choisissez délibérément |
La ligne sur les métriques de repli est la plus précieuse et la moins connue. Un saut de mise en page (layout shift) à chaque première visite est un signal de qualité négatif pour les utilisateurs et pour les métriques d'expérience page, et cela se corrige avec quelques descripteurs CSS plutôt qu'en changeant de police.
/* A metric-matched fallback: same footprint, no reflow on load. */
@font-face {
font-family: "Inter Fallback";
src: local("Arial");
size-adjust: 107%;
ascent-override: 90%;
descent-override: 22%;
line-gap-override: 0%;
}
body { font-family: "Inter", "Inter Fallback", sans-serif; }Les pourcentages exacts varient selon la police et gagnent à être mesurés plutôt que copiés. Plusieurs frameworks les génèrent désormais automatiquement lorsque les polices sont déclarées via leur API de polices, ce qui est le moyen le plus simple de réussir l'implémentation.
La vérification en dix minutes
Avant de valider un duo, effectuez cinq tests. Chacun détecte un type d'échec différent et tous sont plus rapides que de découvrir le problème en phase de build.
- 1
Utilisez vos vrais titres, pas de texte de remplissage
Le Lorem ipsum n'a pas de majuscules placées maladroitement, pas de chiffres, ni de mots composés longs. Le nom réel de votre produit et votre proposition de valeur auront les trois.
- 2
Saisissez Il1 O0 et un nombre long
I majuscule, l minuscule, chiffre 1 ; O majuscule, chiffre 0. Puis un numéro de commande ou un montant monétaire réaliste. Si un couple est ambigu, la police n'est pas adaptée aux interfaces transactionnelles.
- 3
Affichez le corps de texte en 14px et lisez un paragraphe complet
Pas une ligne. Un paragraphe. Les problèmes de fatigue et de rythme n'apparaissent que sur la distance, et le corps de texte est l'endroit où les lecteurs passent leur temps.
- 4
Vérifiez les graisses dont vous disposez réellement
Un duo dépendant d'une graisse non déployée par la webfont sera synthétisé silencieusement, et un gras synthétisé est visiblement moins qualitatif. Confirmez que chaque graisse de votre échelle existe en tant que coupe réelle.
- 5
Comparez le rendu avec deux concurrents
C'est ainsi que l'on vérifie les conventions du secteur : non pas pour trouver votre police, mais pour confirmer que vous n'avez pas adopté la leur.
Documenter un duo pour qu'il perdure
Choisir le duo représente la moitié du travail. L'autre moitié consiste à l'enregistrer avec assez de précision pour qu'il soit reproduit fidèlement : par un nouvel ingénieur, ou par un agent de code écrivant des écrans que vous ne relirez jamais ligne par ligne.
Nous avons analysé 299 fichiers DESIGN.md publiés pour être lus par des agents d'IA. 83 % mentionnent la typographie, et 44 % ne contiennent aucune valeur de taille concrète. Ils nomment une police et s'arrêtent là, laissant chaque décision de taille, de graisse et d'approche au modèle. Celui-ci résout alors la question selon ses données d'entraînement, soit de la même manière que tout le monde.
| Le résultat concret | |
|---|---|
| "Titres : Playfair Display. Corps : Inter." | Familles correctes, échelle inventée, graisses allant jusqu'à 800, aucune approche et une hiérarchie différente sur chaque écran |
| Familles, échelle numérotée, plage de graisses explicite et rampe d'approche | La même hiérarchie à chaque fois, car il n'y avait plus rien à décider |
## Typography
Display: Playfair Display — headings 32px and above only.
UI and body: Inter (variable) — everything else.
Scale: 12 / 14 / 16 / 20 / 24 / 32 / 48.
Weights: 400 and 600 only. Never above 600.
Tracking: -0.02em at 32px+, 0 from 14-24px, +0.02em on 12px caps.
Never set Playfair below 32px.
Never use Playfair for UI labels, buttons or table content.
Numerals are always Inter, always tabular in tables.Notez que la moitié de ces instructions sont des interdictions. Un duo enregistré comme deux simples noms de polices autorise tout mauvais usage ; ce sont les contraintes qui font tenir le duo. En savoir plus sur la rédaction de directives suivies par un agent.
Chaque kit Identity Forge livre un duo précis avec son échelle, sa plage de graisses, son approche et ses règles par élément, ainsi que 28 rôles de couleurs sémantiques, le tout sérialisé dans un DESIGN.md. Parcourez les kits pour voir les duos en contexte plutôt que sur des planches de spécimens.
Quels sont les meilleurs duos de polices pour mon secteur ?
Le secteur est un signal moins fort qu'il n'y paraît. Décidez d'abord de la charge de lecture (quantité de texte continu), du registre de confiance (degré d'institutionnalisation souhaité) et de la densité de l'interface (quantité de texte entre 12 et 14px). Ces trois facteurs déterminent le duo ; l'étiquette du secteur est utile a posteriori, pour vérifier que vous n'avez pas adopté les polices d'un concurrent.
Combien de polices une marque doit-elle utiliser ?
Deux familles couvrent presque tous les produits : une pour le display ou les titres, une pour le corps de texte et l'interface. Une troisième est occasionnellement justifiée par un besoin réel de police mono pour du code ou des données. Au-delà, la plupart des systèmes à trois familles sont en réalité deux familles plus un désaccord non résolu.
Puis-je utiliser une police serif pour le corps de texte ?
Oui pour la lecture éditoriale longue, car c'est l'usage pour lequel les serifs de corps sont conçues. Non pour le travail d'interface dense : les serifs dans un tableau de 13px produisent du bruit visuel, et la plupart des produits sont essentiellement composés de tableaux. Adaptez votre choix à la quantité de texte continu que votre lecteur doit réellement parcourir.
Pourquoi tous les produits SaaS utilisent-ils la même police ?
Parce qu'Inter et ses proches parentes résolvent réellement la contrainte la plus difficile : rester lisibles et distinctes à 12px sur l'ensemble d'une interface. Tout produit soumis à cette contrainte converge vers la même réponse. La solution n'est pas de changer la police de l'UI, mais d'injecter la personnalité dans la typographie display, là où la lisibilité en petite taille n'est pas en jeu.
Comment empêcher un agent d'IA de briser mon duo de polices ?
Documentez plus que les noms de familles. Précisez l'échelle de tailles avec des chiffres explicites, la plage de graisses comme une limite stricte, la rampe d'approche et les endroits où chaque police ne doit pas être utilisée. Un fichier qui nomme deux polices sans rien ajouter laisse chaque décision hiérarchique au modèle, qui la résoudra différemment sur chaque écran.