Aller au contenu
Menu

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
  • 01

    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.

  • 03
    Fonds 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.

  • 04

    Attribuer une teinte à chaque fonctionnalité empêche les couleurs de porter un sens. Réservez-les à des rôles précis.

  • 20
    Violet 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.

  • 28
    Couleurs 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.

  • 29

    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
  • 10

    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
  • 06

    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.

  • 11

    Blanc, gris, blanc, gris : le fond change parce que le modèle le prévoit, sans évolution du contenu.

  • 13
    Grilles 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.

  • 17

    Starter, Pro (le plus populaire), Enterprise : une structure copiée de mille pages sans tenir compte du mode de vente réel du produit.

  • 30

    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
  • 02

    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

    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

    L’étoile à quatre branches est devenue un raccourci pour « fonction d’IA ». Elle n’explique pas ce que fait la fonction.

Effets

5 motifs
  • 05

    De grandes ombres floues sous chaque carte simulent une profondeur absente de la composition. La profondeur doit venir des surfaces, pas du flou.

  • 08

    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.

  • 19

    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.

  • 22
    Orbes 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.

  • 23

    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
  • 21

    Des blocs gris animés donnent une impression de vitesse. Le contenu pourrait souvent simplement être rendu côté serveur.

  • 25

    Un chevron de défilement qui rebondit ou une flèche qui glisse au survol ajoute un mouvement qu’un libellé pourrait remplacer.

  • 27

    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
  • 09

    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é.

  • 15

    Nier une affirmation que personne n’a faite ajoute du remplissage rhétorique. Décrivez directement le sujet.

  • 16

    Une coche devant chaque ligne transforme la prose en tableau tarifaire. Une coche signifie « inclus » ; réservez-la à cette information.

Confiance

2 motifs
  • 12
    Faux témoignagesÉchec critique gravité 3

    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
  • 14

    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
    Aucune vraie démonstration du produitÉchec critique gravité 3

    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ées

Sous 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.

Voir ProSe connecter par MCP

Vérification de votre session

Votre projet va au-delà de la bibliothèque ?

Travailler avec Lizardi Studio