Anti-Slop
Miragon arbeitet mit AI, jeden Tag. Deshalb kennen wir auch die Spuren, die AI hinterlässt, wenn niemand hinschaut: Texte im immer gleichen Rhythmus, Oberflächen, die aussehen wie tausend andere. Für eine AI-native Marke ist das kein Stilthema. Wer nach Standard-AI klingt, verspielt das Vertrauen, dass hier jemand mitgedacht hat.
Dieser Kanon sammelt die Muster und sagt, was Miragon stattdessen tut. Einzeln ist jedes Muster ein Hinweis. Gehäuft ist es ein Verstoß (Regeln A8 und B11 im Regelkatalog).
Im Text
✗ So nichtEs ist kein Korsett, sondern eine Abkürzung. Keine Regel, sondern eine Haltung. Das Ergebnis: weniger Aufwand, mehr Wirkung.
✓ So jaWer sich an das Design hält, ist schneller fertig und muss nicht jedes Mal neu entscheiden.
Warum besser: Drei Antithesen und eine Doppelpunkt-Pointe weg, die Aussage bleibt.
| ID | Muster | Klingt so | Stattdessen | Prüfung |
|---|---|---|---|---|
| S1 | Antithesen-Reflex: „kein X, sondern Y" und „X, nicht Y." als Dauerrhythmus | Es ist kein Korsett, sondern eine Abkürzung. | Die Aussage direkt machen. Eine Antithese pro Text ist eine Pointe, fünf sind eine Masche. Regeln dürfen weiter „X, nicht Y" sagen, das ist dort die klarste Form. | automatisch (Hinweis) |
| S2 | Fett-Stichwort-Listen: Aufzählungen, deren Punkte alle mit einem fetten Stichwort beginnen | „- Klarheit. Wir schaffen Klarheit …" | Fließtext, eine Tabelle oder eine schlichte Liste. Fett nur für das eine Wort, das wirklich zählt. | automatisch (Hinweis) |
| S3 | Dreierketten: Drei Adjektive oder Nomen als Reflex | schnell, einfach und effizient | Eine Eigenschaft nennen und belegen. | im Review |
| S4 | Doppelpunkt-Pointe und Schlussformel: „Das Ergebnis: …", „Kurz gesagt: …", „Fazit: …" | Das Ergebnis: weniger Aufwand, mehr Wirkung. | Aufhören, wenn es gesagt ist. Das Ergebnis konkret benennen. | automatisch (Hinweis) |
| S5 | Rhetorische Einstiegsfrage: Ein Text, der mit einer Frage an die Leserin beginnt | Kennst du das? Dein Prozess hängt schon wieder. | Mit der Zahl, dem Fall oder der Behauptung anfangen. | automatisch (Hinweis) |
| S6 | Leere Verstärker: „wirklich", „absolut", „extrem", „unglaublich", „enorm" als Dauerbetonung | Das ist wirklich extrem wichtig. | Das Wort streichen oder durch einen Beleg ersetzen. | automatisch (Hinweis) |
| S7 | Adjektiv-Paare ohne Beleg: Zwei Eigenschaften, die klingen, aber nichts zeigen | klar und direkt, modern und effizient | Ein Beispiel oder eine Zahl. | im Review |
| S8 | Zusammenfassung am Ende: Ein Schlussabsatz, der das Gesagte noch einmal aufzählt | Zusammengefasst bieten wir Strategie, Umsetzung und Betrieb. | Mit dem nächsten Schritt enden oder einfach aufhören. | im Review |
Dazu gehören die Klassiker, die schon in den Sprachregeln stehen: Em-Dashes als Verbinder, Floskel-Einstiege und das Vokabular, das wir meiden.
In Oberflächen
Der AI-Einheitslook entsteht selten durch ein einzelnes Element. Er entsteht, wenn alle Standardentscheidungen zusammenkommen: zentrierter Hero, zwei runde Buttons, darunter ein Raster aus Icon-Karten auf einem Verlauf. Jedes Teil ist für sich legitim, die Summe ist austauschbar.
| ID | Muster | Stattdessen | Prüfung |
|---|---|---|---|
| U1 | Template-Hero: Riesen-Headline, Untertitel und zwei Pill-Buttons, zentriert oder zweispaltig mit großem Icon | Mit dem echten Artefakt einsteigen (Modell, Code, Screenshot, Zahl). Layout aus dem 12er-Raster, gern asymmetrisch (8/4). | im Review |
| U2 | Icon-Kachel-Raster: Drei oder sechs gleich große Karten mit Icon-Kachel, Titel und Zweizeiler | Inhalte nach Gewicht ordnen. Ist es eine Aufzählung, dann als Liste oder Tabelle. Ein Icon nur, wo es Bedeutung trägt. | im Review |
| U3 | Glas auf Verlauf: Halbtransparente Karten mit Blur auf Blob- oder Mesh-Verlauf | Blau als ruhige Fläche. Der Mesh-Verlauf ist ein einzelner Markenmoment (Hero der Startseite) und kein Hintergrund für alles. | im Review |
| U4 | AI-Symbolik: Sparkles, Zauberstab, Roboterkopf oder Gehirn für alles, was mit AI zu tun hat | Das Lucide-Icon für die konkrete Funktion, etwa Suchen, Prüfen oder Erzeugen. | im Review |
| U5 | Verlaufstext: Headlines mit Farbverlauf in der Schrift | Geist 700 in Schwarz oder Weiß. Höchstens ein Wort in Grün (auf dunklem Grund) oder Blau. | automatisch (Hinweis) |
| U6 | Effekte als Hierarchie: Glow, Textschatten, Neon-Ränder, überall große Radien und Schatten | Hierarchie über Größe, Gewicht und Weißraum. Radius und Schatten aus den Tokens, sparsam. | im Review |
| U7 | Erfundene Belege: Fake-Kennzahlen („10x schneller"), Stock-Avatare, Platzhalter-Logos, erfundene Testimonials | Echte Zahlen mit Quelle, echte Artefakte, oder weglassen. | im Review |
| U8 | Emoji als Gestaltung: Emoji als Aufzählungszeichen, Überschriften-Deko oder Icon-Ersatz | Lucide-Icons oder eine schlichte Liste. | im Review |
| U9 | Violett-Default: Lila und Violett als Tech-Standardlook, Blau-Lila-Verläufe | Die Palette. Blau führt, Grün akzentuiert. | im Review |
So sieht das aus
Die Startseite dieser Doku ist nach dem Kanon gebaut. Der Claim steht als Artefakt im Kopf, statt Icon-Kacheln zeigt sie echte Farben, Schrift, Logo und Stimme. Der Mesh-Verlauf bleibt auf den Kopfbereich begrenzt, und statt Feature-Karten gibt es ein schlichtes Inhaltsverzeichnis.
Wie der Kanon wirkt
Die Muster mit Prüfung „automatisch" findet brand-lint, auf Wunsch direkt beim Schreiben mit Claude. Den Rest beurteilt das Marken-Review. Die Liste selbst steht in brand/slop.yaml und landet von dort in dieser Seite, den Skills und dem Linter. Neues Muster entdeckt? Dort ergänzen und npm run brand:build ausführen.