Hallmark refuse de livrer une page qui a l'air d'avoir été faite par une IA

Une page d'atterrissage fabriquée par une IA se repère en quatre secondes, et c'est rarement le texte qui trahit. Ce sont les petits surtitres verts posés au-dessus de chaque titre. L'étiquette qui annonce FEATURES en capitales espacées. Le seul mot coloré d'un titre, toujours dans le même indigo. Le mur de témoignages fait de cadres vides. Le bloc newsletter en bas d'une page qui n'a rien à quoi s'abonner.

Hallmark est une compétence de design conçue précisément pour refuser tout ça. Elle vient de Together AI, se déploie pour Claude Code, Codex, Cursor et OpenCode, et a récolté environ 14 400 étoiles lors de son premier mois de tendance. Le discours est direct : elle ne livrera pas une page qui a l'air fabriquée par une machine.

Ce qu'elle fait différemment

La plupart des prompts du type « rends ça beau » échouent pour une raison ennuyeuse. Ils décrivent une sensation, et le modèle traduit cette sensation par les mêmes onze clichés visuels, à chaque fois. L'approche de Hallmark consiste à inverser la logique. Au lieu de demander au modèle d'avoir du goût, elle lui fournit un petit jeu de matériaux et une liste de choses qu'il n'a pas le droit de faire.

Les matériaux, ce sont 50 thèmes. Chacun tient dans un fichier unique, plafonné à 8 Ko, contenant textures papier, échelles typographiques, couleurs, traitements de surface, composants. Chaque thème s'accompagne de l'image d'une page terminée, pour que le modèle voie à quoi ressemble « fini ». L'important, c'est qu'un thème est un matériau, pas un gabarit. Il ne dit pas ce que la page contient ni dans quel ordre. Deux prompts dans le même thème produisent deux pages différentes.

Les barrières sont le produit

Hallmark exécute ses contrôles dans un vrai navigateur, pas contre un prompt. Ce détail compte plus qu'il n'y paraît. On peut dire à un modèle « vérifie que le hero tient dans le viewport » et obtenir quand même un hero qui déborde sur un portable en 1366×768, parce qu'il n'a jamais rien rendu. Hallmark ouvre la page, la regarde, et fait échouer le build.

Les barrières sont réparties en trois niveaux, et cette hiérarchie est la partie la plus intelligente de la conception.

Floor : jamais livrées. Échecs de contraste, états de focus manquants, absence de gestion du reduced-motion, mise en page mobile cassée et, celle-là je ne l'attendais pas, les faits inventés. Ce dernier contrôle traite les affirmations hallucinées comme un défaut de design plutôt que comme un problème de contenu. Si la page affirme « la confiance de 4 000 équipes » et que rien dans le brief ne le soutient, le build s'arrête.

Reflex : attrapent les réflexes dans lesquels le modèle tombe. Elles peuvent être outrepassées, mais uniquement officiellement : le build doit énoncer une raison. C'est un morceau de design subtil. Ça n'interdit pas le geste qui fait IA, ça oblige le modèle à le justifier, ce qui en pratique en élimine la plupart.

Finish : des détails de métier. Rythme des espacements, alignement optique, le genre de chose qu'un designer senior corrige dans les dix dernières minutes. Elles ne bloquent jamais une livraison.

Un relecteur en contexte neuf a le dernier mot, ce qui est un joli tour : un modèle qui relit sa propre sortie dans le même contexte défendra ses choix. Un modèle qui découvre la page à froid ne le fera pas.

Comment on l'utilise

Trois commandes, et leur découpage indique à qui l'outil s'adresse.

/hallmark construit une page à partir de votre prompt. /hallmark redesign <path> reconstruit une page existante en conservant son contenu et son câblage : les formulaires envoient toujours, les liens mènent toujours quelque part. /hallmark audit <path> se contente de rapporter, ce dont vous avez besoin quand la page de quelqu'un d'autre est déjà en ligne et que vous voulez juste comprendre pourquoi ça sonne faux.

Elle peut aussi viser une URL, un serveur de dev ou une app en cours d'exécution et capturer ses propres copies d'écran, pour concevoir autour de votre vrai produit plutôt que d'un produit imaginé. Et la photographie est réelle : 755 photos sous licence ouverte, choisies par sujet et créditées sur la page. Pas d'image générée montrant une personne souriante avec un ordinateur portable.

Pourquoi ça existe maintenant

Le moment est la partie intéressante. Il y a un an, le reproche fait aux interfaces générées par IA était qu'elles étaient cassées. Aujourd'hui, elles sont compétentes et toujours à côté de la plaque. C'est un problème plus difficile, parce que la compétence supprime le signal d'échec évident. Vous ne pouvez pas pointer un bug. Vous pouvez seulement pointer la sensation que ce n'est pas un humain qui a fait ça, et les sensations sont difficiles à consigner dans un bug tracker.

La réponse de Hallmark est de transformer la sensation en checklist. Un surtitre au-dessus de chaque titre. Des capitales espacées. Un mot en couleur. Des cadres vides en guise de contenu. Un hero qui rate son écran. Un formulaire d'inscription au bas de chaque page. Un état « merci » qui n'envoie rien nulle part. Chacun de ces éléments est un motif précis et testable, et chacun est quelque chose qu'un modèle fait parce qu'il l'a vu dix mille fois dans ses données d'entraînement.

Ce recadrage est la vraie contribution. Le slop IA n'est pas un problème de style, c'est un problème de spécification. Le modèle produit la moyenne de son jeu d'entraînement parce que personne ne lui a dit ce qu'il ne fallait pas faire, et parce que rien dans la chaîne n'était capable de vérifier.

L'objection évidente

Cinquante thèmes, ça reste cinquante thèmes. Si Hallmark devient populaire, vous reconnaîtrez une page Hallmark comme vous reconnaissez un template Tailwind, et tout l'exercice repart à zéro. L'équipe semble le savoir, ce qui explique pourquoi les thèmes sont des matériaux plutôt que des mises en page, et pourquoi il existe un mode personnalisé qui conçoit à partir du seul prompt, sous les mêmes barrières.

La deuxième objection, c'est que les barrières encodent le goût de quelqu'un d'autre. Une étiquette en capitales espacées n'est pas mauvaise en soi. Parfois une page a réellement besoin d'un bloc newsletter. La hiérarchie répond en partie : les barrières Reflex peuvent être outrepassées si vous écrivez pourquoi. Mais ça reste un style maison, et les styles maison vieillissent.

Rien de tout ça ne le rend inutile. Ça en fait un bon défaut pour les 80 % de pages qui existent pour faire une chose : prendre le rendez-vous, vendre l'objet, récupérer l'e-mail. Pour celles-là, le mode de défaillance n'est pas la fadeur, c'est la compétence étrange d'une page qui a l'air faite par une machine n'ayant jamais utilisé un site web.

Ce qu'il faut en retenir

Si vous construisez avec des agents de code, l'idée transférable n'est pas les 50 thèmes. C'est la structure : un petit jeu de matériaux, un plancher dur de choses non livrables, un niveau intermédiaire qui exige une justification, et un relecteur sans mémoire du débat. Ce schéma marche bien au-delà des pages web. Il marche partout où un modèle produit quelque chose qu'un humain jugera en quatre secondes sans savoir expliquer pourquoi.

Et si vous voulez juste une page d'atterrissage qui n'a pas l'air d'avoir été générée à trois heures du matin, c'est une installation de compétence et trois commandes. La barrière est assez basse pour que les 14 000 étoiles aient du sens.