Hallmark weigert sich, eine Seite auszuliefern, die nach KI aussieht

Eine von KI gebaute Landingpage erkennt man in etwa vier Sekunden, und es ist selten der Text, der sie verrät. Es ist das kleine grüne Eyebrow-Label über jeder einzelnen Überschrift. Das Label über einem Abschnitt, in dem „FEATURES“ in gesperrten Versalien steht. Das eine farbige Wort in einer Schlagzeile, immer im gleichen Indigo-Ton. Die Testimonial-Wand aus leeren Rahmen. Das Newsletter-Feld unten auf einer Seite, auf der es nichts zu abonnieren gibt.

Hallmark ist eine Design-Skill, die genau dafür gebaut ist, solche Dinge zu verweigern. Sie kommt von Together AI, läuft mit Claude Code, Codex, Cursor und OpenCode und hat in ihrem ersten Monat im Trending rund 14.400 Sterne gesammelt. Das Versprechen ist unverblümt: Sie liefert keine Seite aus, die maschinell gemacht aussieht.

Was sie anders macht

Die meisten „mach es schön“-Prompts scheitern aus einem langweiligen Grund. Sie beschreiben ein Gefühl, und das Modell übersetzt dieses Gefühl jedes Mal in dieselben elf visuellen Klischees. Hallmarks Ansatz kehrt das um. Statt das Modell zu bitten, geschmackvoll zu sein, gibt sie ihm einen kleinen Satz Materialien und eine Liste von Dingen, die es nicht tun darf.

Die Materialien sind 50 Themes. Jedes ist eine einzelne Datei, begrenzt auf 8 KB, mit Papiermustern, Typo-Skalen, Farbe, Oberflächenbehandlungen, Komponenten. Jedes Theme hat außerdem ein Bild einer fertigen Seite, damit das Modell sieht, wie „fertig“ aussieht. Wichtig ist: Ein Theme ist ein Material, keine Vorlage. Es sagt nicht, was die Seite enthält oder in welcher Reihenfolge. Zwei Prompts im selben Theme ergeben zwei verschiedene Seiten.

Die Gates sind das Produkt

Hallmark führt seine Prüfungen in einem echten Browser aus, nicht gegen einen Prompt. Dieses Detail ist wichtiger, als es klingt. Man kann einem Modell sagen, es solle sicherstellen, dass der Hero in den Viewport passt, und es produziert trotzdem einen Hero, der auf einem 1366×768-Laptop überläuft, weil es nie etwas gerendert hat. Hallmark öffnet die Seite, schaut sie an und lässt den Build scheitern.

Die Gates kommen in drei Stufen, und die Stufung ist der klügste Teil des Designs.

Floor-Gates kommen nie durch. Kontrastfehler, fehlende Fokus-Zustände, keine Behandlung reduzierter Bewegung, ein kaputtes Handy-Layout und — das hatte ich nicht erwartet — erfundene Fakten. Dieses letzte Gate behandelt halluzinierte Behauptungen als Designfehler statt als Inhaltsproblem. Wenn auf der Seite steht, 4.000 Teams würden vertrauen, und nichts im Brief stützt das, stoppt der Build.

Reflex-Gates fangen die Standardmuster ein, in die ein Modell verfällt. Sie lassen sich überstimmen, aber nur zu Protokoll: Der Build muss einen Grund angeben. Das ist ein feines Stück Design. Es verbietet den KI-typischen Zug nicht, es zwingt das Modell, ihn zu rechtfertigen, was in der Praxis die meisten davon erledigt.

Finish-Prüfungen sind Handwerksdetails — Abstandsrhythmus, optische Ausrichtung, die Art Ding, die ein Senior-Designer in den letzten zehn Minuten korrigiert. Sie blockieren nie einen Build.

Ein Reviewer mit frischem Kontext hat das letzte Wort, was ein hübscher Trick ist: Ein Modell, das seine eigene Ausgabe im selben Kontext prüft, verteidigt seine Entscheidungen. Ein Modell, das die Seite kalt sieht, tut das nicht.

Wie man sie benutzt

Drei Befehle, und die Aufteilung verrät, für wen sie gedacht ist.

/hallmark baut eine Seite aus deinem Prompt. /hallmark redesign <path> baut eine bestehende Seite neu, behält aber Inhalt und Verdrahtung — die Formulare senden weiter, die Links führen weiter irgendwohin. /hallmark audit <path> berichtet nur, was genau das ist, was du willst, wenn die Seite von jemand anderem schon live ist und du nur wissen musst, warum sie sich falsch anfühlt.

Sie kann auch auf eine URL, einen Dev-Server oder eine laufende App zeigen und eigene Screenshots machen, sodass sie um dein echtes Produkt herum gestaltet statt um ein eingebildetes. Und die Fotografie ist echt: 755 offen lizenzierte Fotos, nach Motiv ausgewählt und auf der Seite ausgewiesen. Kein generiertes Hero-Bild einer lächelnden Person mit Laptop.

Warum es das jetzt gibt

Das Timing ist der interessante Teil. Vor einem Jahr lautete die Klage über KI-generierte Oberflächen, sie seien kaputt. Jetzt sind sie kompetent und immer noch falsch. Das ist das schwierigere Problem, weil Kompetenz das offensichtliche Fehlersignal beseitigt. Du kannst nicht auf einen Bug zeigen. Du kannst nur auf das Gefühl zeigen, dass ein Mensch das nicht gemacht hat, und Gefühle lassen sich schlecht in einem Bugtracker unterbringen.

Hallmarks Antwort ist, das Gefühl in eine Checkliste zu verwandeln. Eyebrow über jeder Überschrift. Gesperrte Versalien. Ein farbiges Wort. Leere Rahmen als Platzhalter für Inhalte. Ein Hero, der seinen Bildschirm verfehlt. Ein Anmeldeformular am Ende jeder Seite. Ein „Danke“-Zustand, der nichts irgendwohin sendet. Jedes davon ist ein konkretes, testbares Muster, und jedes davon ist etwas, das ein Modell tut, weil es das zehntausendmal in seinen Trainingsdaten gesehen hat.

Diese Umdeutung ist der eigentliche Beitrag. „KI-Schrott“ ist kein Stilproblem, sondern ein Spezifikationsproblem. Das Modell produziert den Durchschnitt seines Trainingssatzes, weil ihm niemand gesagt hat, was es nicht tun soll, und weil nichts in der Pipeline in der Lage war, das zu prüfen.

Der naheliegende Einwand

Fünfzig Themes sind immer noch fünfzig Themes. Wenn Hallmark populär wird, wirst du eine Hallmark-Seite genauso erkennen wie eine Tailwind-Vorlage, und das ganze Spiel beginnt von vorn. Das Team scheint das zu wissen, deshalb sind die Themes Materialien statt Layouts, und deshalb gibt es einen Custom-Modus, der allein aus dem Prompt heraus unter denselben Gates gestaltet.

Der zweite Einwand ist, dass die Gates den Geschmack von jemand anderem kodieren. Ein gesperrtes Label ist nicht per se schlecht. Manchmal braucht eine Seite wirklich ein Newsletter-Feld. Die Stufung beantwortet das teilweise — Reflex-Gates lassen sich überstimmen, wenn man aufschreibt, warum —, aber es bleibt ein Hausstil, und Hausstile veralten.

Nichts davon macht sie nutzlos. Es macht sie zu einer guten Voreinstellung für die 80 Prozent der Seiten, die genau eine Aufgabe haben: den Termin buchen, das Objekt verkaufen, die E-Mail-Adresse bekommen. Für die ist der Fehlerfall nicht Belanglosigkeit, sondern die unheimliche Kompetenz einer Seite, die aussieht, als hätte sie eine Maschine gemacht, die noch nie eine Website benutzt hat.

Was man daraus mitnimmt

Wenn du mit Coding-Agenten baust, ist die übertragbare Idee hier nicht die Sammlung von 50 Themes. Es ist die Struktur: eine kleine Menge Materialien, ein hartes Fundament aus Dingen, die nicht ausgeliefert werden dürfen, eine mittlere Stufe, die Begründung verlangt, und ein Reviewer ohne Erinnerung an die Debatte. Dieses Muster funktioniert für viel mehr als Webseiten. Es funktioniert überall dort, wo ein Modell etwas produziert, das ein Mensch in vier Sekunden beurteilt und nicht erklären kann, warum.

Und wenn du einfach nur eine Landingpage willst, die nicht aussieht wie eine um drei Uhr nachts generierte Landingpage, dann ist es eine Skill-Installation und drei Befehle. Die Hürde ist niedrig genug, dass die 14.000 Sterne Sinn ergeben.