Conseils · règles 2026.09
Les trente motifs génériques
Ce sont les habitudes qui donnent à une interface l’air d’avoir été produite par une machine : les réflexes vers lesquels un modèle se tourne quand il n’a aucun goût sur lequel s’appuyer. Chaque entrée nomme le signe et explique pourquoi il sonne comme du remplissage. La manière de détecter chacun, et ce qu’il faut faire à la place, sont incluses dans Fieldbook Pro et parviennent aux agents de programmation par MCP. Chaque composant de la bibliothèque est évalué à leur aune avant publication.
Couleur
6 motifs- 01Dégradés criards gravité 3
Mélanger deux teintes saturées sur un en-tête ou un bouton suggère que la palette n’a pas été choisie. Le dégradé remplace alors une identité de marque.
- 03Fonds blanc pur gravité 2
#ffffff peut traduire une absence de choix. Le papier n’est jamais parfaitement blanc ; une légère teinte donne à la page la présence d’une surface.
- 04Couleurs arc-en-ciel gravité 3
Attribuer une teinte à chaque fonctionnalité empêche les couleurs de porter un sens. Réservez-les à des rôles précis.
- 20Violet et noir gravité 3
L’accent de démonstration de Tailwind est indigo et les thèmes sombres générés adoptent le presque noir. Ensemble, ils sont devenus l’uniforme des pages de destination d’IA.
- 28Couleurs néon gravité 2
Cyan électrique, magenta et vert citron sur noir évoquent un modèle de science-fiction. Les palettes élaborées sont souvent moins saturées que les valeurs par défaut.
- 29Palettes pastel élémentaires gravité 1
Plusieurs teintes claires et peu saturées évoquent un modèle d’application de bien-être. Les pastels ont besoin d’un point d’ancrage sombre.
Typographie
1 motif- 10Inter, Geist ou Space Grotesk gravité 3
Ces polices accompagnent les frameworks et deviennent le choix automatique du modèle. La typographie est un moyen peu coûteux de donner une voix à la page ; garder la valeur par défaut fait perdre cette possibilité.
Mise en page
5 motifs- 06Trois cartes de fonctionnalités alignées gravité 3
Une icône, un titre et deux lignes, répétés trois fois. Cette composition générée se reconnaît immédiatement parce qu’elle ne dit rien de précis sur le produit.
- 11Bandes de sections colorées gravité 1
Blanc, gris, blanc, gris : le fond change parce que le modèle le prévoit, sans évolution du contenu.
- 13Grilles bento gravité 2
Des tuiles arrondies de tailles variées semblent organisées tout en masquant l’absence de priorités. La grille devient elle-même le contenu.
- 17Trois forfaits tarifaires gravité 2
Starter, Pro (le plus populaire), Enterprise : une structure copiée de mille pages sans tenir compte du mode de vente réel du produit.
- 30Badge arrondi au-dessus du titre gravité 2
La petite pastille centrée au-dessus du H1 (« Nouveau », « Avec l’IA », « Soutenu par… ») est un réflexe de modèle plutôt qu’une annonce. L’ajout de Fieldbook à cette liste.
Iconographie
3 motifs- 02Jeux d’icônes par défaut gravité 2
Choisissez les icônes selon leur épaisseur, leur forme et leur adéquation au produit. Accepter le jeu par défaut sans examen rend des interfaces sans rapport semblables.
- 07Émojis comme interface gravité 2
Les émojis varient selon les plateformes et évoquent une conversation. Comme repères de section ou puces, ils suggèrent l’absence d’un système d’icônes.
- 24Étincelles à côté des fonctions d’IA gravité 2
L’étoile à quatre branches est devenue un raccourci pour « fonction d’IA ». Elle n’explique pas ce que fait la fonction.
Effets
5 motifs- 05Ombres portées excessives gravité 2
De grandes ombres floues sous chaque carte simulent une profondeur absente de la composition. La profondeur doit venir des surfaces, pas du flou.
- 08Verre liquide et glassmorphisme gravité 2
Des panneaux dépolis sur des couleurs floues nécessitent un contenu qui mérite cet effet. Sur une page unie, l’effet n’a pas de raison d’être.
- 19Un même arrondi sur tous les éléments gravité 2
Le même rayon de 12-16px sur les boutons, cartes, champs et images efface la hiérarchie. L’arrondi doit exprimer le rôle.
- 22Orbes radiaux gravité 3
Des cercles colorés flous derrière l’en-tête créent une ambiance par défaut en l’absence d’images. Ils décorent un manque de contenu visuel.
- 23Fonds à grille de points gravité 2
Le papier pointillé derrière les en-têtes est une autre ambiance courante. Comme les orbes, il remplace un choix de design par une texture.
Mouvement
3 motifs- 21Squelettes de chargement gravité 1
Des blocs gris animés donnent une impression de vitesse. Le contenu pourrait souvent simplement être rendu côté serveur.
- 25Flèches animées gravité 1
Un chevron de défilement qui rebondit ou une flèche qui glisse au survol ajoute un mouvement qu’un libellé pourrait remplacer.
- 27Animations au survol partout gravité 2
Quand cartes, titres et images se soulèvent ou s’agrandissent au survol, plus rien ne signale l’interactivité et la page s’agite sous le pointeur.
Copier
3 motifs- 09Tirets cadratins partout gravité 1
Les textes générés emploient souvent le tiret cadratin pour relier les propositions. Les humains l’utilisent aussi : ce signe reste faible lorsqu’il est isolé.
- 15Formules « Ce n’est pas X, c’est Y » gravité 1
Nier une affirmation que personne n’a faite ajoute du remplissage rhétorique. Décrivez directement le sujet.
- 16Puces en forme de coche gravité 1
Une coche devant chaque ligne transforme la prose en tableau tarifaire. Une coche signifie « inclus » ; réservez-la à cette information.
Confiance
2 motifs- 12
Des citations inventées avec des avatars génériques constituent un mensonge sur la page. C’est un échec critique, jamais dilué dans la moyenne.
- 26
Un site qui collecte des données sans page de confidentialité ni conditions est inachevé. Échec critique.
Authenticité
2 motifs- 14Fausses fenêtres de terminal gravité 2
Trois points colorés au-dessus d’un faux terminal sont un décor. Montrez le code s’il existe, ou le produit lui-même.
- 18
Une page qui ne montre pas le produit décrit une idée. Remplacer les captures par des illustrations et des formes abstraites constitue un échec critique.
Le corpus
2,386 entréesSous les tropes se trouve un corpus plus large de recommandations (styles, palettes, schémas de produit, paires typographiques, choix de graphiques, réglages de mouvement et règles UX) normalisé en un seul ensemble consultable. Notre couche s’y superpose : les recommandations qui reposent sur un trope banni sont discrètement rétrogradées, réécrites vers l’antidote ou écartées, si bien que ce qui apparaît ici s’éloigne déjà du remplissage. Le corpus, le générateur et les règles propres à chaque framework sont inclus dans Fieldbook Pro et parviennent aux agents de programmation par le serveur MCP.
Vérification de votre session
Votre projet va au-delà de la bibliothèque ?
Travailler avec Lizardi Studio