Sie kennen diesen Look. Weißer Hintergrund. Blauer Button. Inter-Schriftart. Ein Hero-Bereich mit einem Verlauf von Lila zu Indigo. Karten mit identisch abgerundeten Ecken und dem gleichen dezenten Schlagschatten. Eine Navigationsleiste mit Ihrem Logo auf der linken Seite und einem „Get Started“-Button auf der rechten.

Sie haben es schon hundertmal gesehen. Und in dem Moment, als Sie Ihre erste App generiert haben, sahen Sie es wieder – nur diesmal war es Ihre.

Dies ist derzeit die am häufigsten gesuchte und am wenigsten beantwortete Frage im Vibe Coding: Wie erstellt man etwas, das wie Sie aussieht, anstatt wie der Durchschnitt von allem, was die KI jemals gesehen hat?

Die Antwort ist kein technischer Fix. Es ist ein Beschreibungsproblem. Und dieser Artikel wird es lösen.

Wir haben es uns zur Aufgabe gemacht, jedem mit einer Idee zu helfen, das zu bauen, was er im Kopf hat – und dazu gehört auch, etwas zu bauen, das aussieht, als gehöre es zu ihm. Wenn Sie also jemals Ihre App betrachtet und gedacht haben: „Das ist okay, aber es sieht aus wie alle anderen“, dann willkommen. Dies ist der richtige Artikel für Sie.

Unsere Ziele für diesen Artikel sind einfach:

Warum die KI standardmäßig auf den generischen Look zurückgreift – und was dabei eigentlich passiert
Das Vokabular, das Sie benötigen, um Design ohne Design-Hintergrund zu beschreiben
Ein Schritt-für-Schritt-Prozess, um von generisch zu unverwechselbar zu gelangen, direkt hier auf Enter

Warum greift die KI auf den immer gleichen Look zurück?

Zuerst einmal – lassen Sie uns verstehen, was eigentlich passiert, denn wenn man es einmal sieht, kann man es nicht mehr „entsehen“.

Künstliche Intelligenz lernt aus dem, was existiert. Wenn Sie sie bitten, etwas zu bauen, das „professionell“, „sauber“ oder „modern“ aussieht, greift sie auf den statistischen Durchschnitt jeder professionellen, sauberen und modernen Schnittstelle zurück, auf der sie jemals trainiert wurde. Dieser Durchschnitt hat ein sehr spezifisches Gesicht: Blau, Weiß, Inter-Schriftart, abgerundete Ecken, schattierte Karten.

Das ist kein schlechtes Design. Es ist sicheres Design. Die Art von Design, die niemanden stört und niemanden auszeichnet.

Die KI trifft keine ästhetischen Entscheidungen. Sie trifft Wahrscheinlichkeitsentscheidungen. Sie baut die Schnittstelle, die am wahrscheinlichsten zu dem passt, was Sie beschrieben haben, basierend auf allem, was sie zuvor gesehen hat. Und wenn das, was Sie beschreiben, vage ist – „modern“, „minimal“, „professionell“ – dann ist das Ergebnis der Durchschnitt all dieser Dinge zusammen.

Hier ist die Regel, die alles ändert: vages Briefing → generisches Ergebnis. Jedes Mal.

Das bedeutet, die Lösung liegt nicht im Tool. Sie liegt darin, wie Sie mit dem Tool sprechen.

Der mentale Wandel: Sie sind der Art Director

Die meisten Menschen gehen an das Thema Design heran und denken, sie bräuchten technisches Wissen – Schriftnamen, Farbcodes, CSS-Eigenschaften. Das ist der falsche Rahmen.

Der mentale Wandel ist dieser: Sie sind der Art Director, nicht der Designer. Ein Art Director zeichnet nicht das Logo oder programmiert das Layout. Er betritt einen Raum, zeigt auf etwas auf einem Moodboard und sagt: „Ich möchte, dass es sich so anfühlt – aber wärmer und mit mehr Kante.“ Der Designer kümmert sich um die Umsetzung.

Sie haben diese Fähigkeit Ihr ganzes Leben lang entwickelt. Jedes Mal, wenn Sie ein Café betraten und sofort wussten, ob es sich richtig anfühlte. Jedes Mal, wenn Sie auf einer Website gelandet sind und sie nach drei Sekunden geschlossen haben, weil es sich falsch anfühlte. Jedes Mal, wenn Sie etwas betrachtet und gedacht haben „das versucht zu sehr, etwas zu sein“ oder „das wirkt hochwertig“ – das ist Design-Kompetenz. Sie hatte nur vorher keinen Ausgabekanal.

Vibe Coding bietet Ihnen diesen Kanal. Ihr Geschmack ist nicht das Problem. Ihre Beschreibung Ihres Geschmacks ist es. Und das ist eine erlernbare Fähigkeit.

Von generisch zu unverwechselbar: Schritt für Schritt

Hier wird es praktisch. Wir führen Sie durch den genauen Prozess, Ihrer App eine visuelle Identität zu geben – vom ersten Wort, das Sie tippen, bis hin zu etwas, das tatsächlich aussieht, als wäre es von jemandem mit einer eigenen Vision gemacht worden.

Bevor Sie irgendetwas tippen – bauen Sie Ihr Vokabular auf

Design erfordert keinen Design-Abschluss. Es erfordert die richtigen Worte. Hier sind die Kategorien, die die meiste Arbeit leisten:

Stimmungswörter – diese sagen der KI, wie sich das Produkt insgesamt anfühlen soll. Nicht „professionell“. Versuchen Sie es stattdessen mit: redaktionell, roh, warm, klinisch, verspielt, strukturiert, kühn, filmisch, untertrieben. Jedes einzelne erzeugt eine völlig andere visuelle Richtung.

Referenzbranchen – einige Branchen haben starke, sofort erkennbare Ästhetiken. Versuchen Sie es mit: Architekturbüro, Modemagazin, Finanzterminal, medizinisches Fachblatt, Luxushotel, unabhängige Buchhandlung. Wenn Sie der KI sagen, dass sich Ihr Produkt wie eine dieser Branchen anfühlen soll, erhält sie eine kohärente Welt, aus der sie schöpfen kann.

Kontrast und Gewicht – wie viel visuelle Spannung wünschen Sie sich? Hoher Kontrast oder weich? Schwere Typografie oder leicht? Dicht oder luftig? Diese Entscheidungen definieren das Gefühl eines Designs stärker als jede Farbe.

Typografie-Ausrichtung – Sie müssen keine spezifischen Schriftarten benennen. Sie müssen wissen: Serif oder Sans-Serif? Eine Serifenschrift – die Art mit kleinen horizontalen Strichen an den Enden der Buchstaben, wie man sie in Zeitungen und Büchern sieht – wirkt etabliert, literarisch, vertrauenswürdig. Eine serifenlose Schrift – sauber, ohne Striche, wie bei den meisten Technologieprodukten – wirkt modern und direkt. Zu wissen, welche Richtung Sie bevorzugen, verändert die gesamte Persönlichkeit Ihres Produkts.

Schritt 1 – Beginnen Sie mit dem, was auf Enter bereits existiert

Bevor Sie ein einziges Wort Ihres Prompts schreiben, ist der schnellste Weg, Ihre visuelle Richtung zu finden, bereits in Enter integriert.

Scrollen Sie auf der Startseite an der Chat-Eingabe vorbei. Sie sehen zwei Reiter: Vorlagen (Templates) und Komponenten (Components).

Vorlagen sind vollständige, gebrauchsfertige Ausgangspunkte, die von der Enter-Community erstellt wurden – jede davon ist eine eigene ästhetische Welt. Ein kühnes, redaktionelles Layout. Eine dunkle Gaming-Schnittstelle. Eine saubere Musikplattform. Eine minimale Kurspräsentation. Sie sehen absichtlich unterschiedlich aus. Stöbern Sie durch sie, nicht um die eine zu finden, die Sie kopieren, sondern um die zu finden, auf die Sie reagieren.

Diese Reaktion ist eine Information. Wenn Sie die kühne schwarz-grüne Vorlage sehen und denken: „Zu aggressiv, aber ich mag das Selbstbewusstsein“ – dann wissen Sie jetzt etwas Spezifisches darüber, was Sie wollen. Wenn Sie die Musik-App sehen und denken: „Ich liebe den Abstand, aber es muss seriöser wirken“ – dann beginnt Ihr Briefing zu wachsen.

Komponenten gehen eine Ebene tiefer. Dies sind einzelne Bausteine – Karten, Navigationsleisten, Hero-Abschnitte, Preistabellen –, von denen jeder bereits gestaltet ist. Wenn Ihnen gefällt, wie eine bestimmte Komponente mit Typografie oder Abständen umgeht, können Sie sie als Ankerpunkt für alles andere verwenden.

Der Trick ist: stöbern, reagieren, notieren, was Ihnen auffällt. Nicht „Ich mag diese hier“ – das ist zu vage. Speziell:

„Ich mag, dass die Überschriften groß und der Fließtext klein ist. Ich mag, dass nur eine Akzentfarbe verwendet wird und alles andere schwarz-weiß ist. Ich mag, wie viel Platz zwischen den Elementen ist – nichts wirkt überladen.“

Diese Beobachtungen sind Ihr Briefing. Wenn Sie weiter gehen wollen, finden Sie ein oder zwei externe Referenzen – eine Website, eine App, ein Magazin –, die das Gefühl erzeugen, das Ihr Produkt erzeugen soll. Fügen Sie diese Reaktionen Ihren Notizen hinzu. Jetzt haben Sie etwas Reales, mit dem Sie arbeiten können.

Schritt 2 – Schreiben Sie einen spezifischen Prompt

Öffnen Sie den Chat und schreiben Sie einen Prompt, der alles enthält, was Sie gesammelt haben. Hier ist der Vergleich zwischen einem generischen und einem spezifischen Briefing:

Generisch: „Erstelle eine persönliche Portfolio-Website mit einem modernen, professionellen Design.“

Spezifisch: „Erstelle eine persönliche Portfolio-Website. Ich möchte, dass sie sich anfühlt wie die Seite eines unabhängigen Architekturbüros – minimal, luftig und selbstbewusst. Schwarzer Hintergrund, warmer Cremeton für den Text, eine Akzentfarbe in gedämpftem Terrakotta. Verwende eine hohe Serifenschrift für die Hauptüberschrift und eine saubere serifenlose Schrift für den Rest. Das Layout sollte asymmetrisch sein – nicht alles zentrieren. Beginne mit einer einzelnen starken Textzeile, keinem Hero-Bild. Die Navigation sollte minimal, fast unsichtbar sein.“

Gleiche Idee. Völlig unterschiedliche Ergebnisse. Das zweite Briefing erzeugt etwas mit einer eigenen Vision – weil Sie die Vision eingebracht haben. Alles, was Sie in Schritt 1 bemerkt haben, fließt direkt hier ein. --> mehr dazu in unserem ersten Blog-Artikel: Vibe Coding Guide für nicht-technische Gründer | Von Null auf Hundert | Enter

Schritt 3 – Treffen Sie die drei Entscheidungen, die 80 % des Gewichts ausmachen

Wenn Sie es weiter vereinfachen wollen: Diese drei Entscheidungen bestimmen, ob etwas unverwechselbar oder generisch aussieht.

Farbpalette. Eine Hintergrundfarbe. Eine Textfarbe. Eine Akzentfarbe. Benennen Sie sie spezifisch – Off-White, Fast-Schwarz, tiefes Waldgrün – und das Produkt erhält sofort eine Identität. Der Fehler, den die meisten KI-generierten Designs machen, ist die Verwendung von fünf Farben, von denen keine so richtig passt.

Typografie. Eine Schriftrichtung für Überschriften. Eine für den Fließtext. Wenn möglich, wählen Sie eine Serifenschrift und eine serifenlose Schrift. Sie müssen nicht berühmt sein – sie müssen kohärent zusammenpassen. Fragen Sie die KI nach etwas Redaktionellem, Technischem oder Warmem, und sie wird dementsprechend wählen.

Abstände. Großzügig ist fast immer besser als gedrängt. Wenn etwas billig oder überladen aussieht, ist die erste Lösung, mehr Platz zwischen den Elementen zu schaffen. Fragen Sie nach mehr Luft zum Atmen, mehr Weißraum, mehr Padding innerhalb der Karten. Sie werden den Unterschied sofort sehen.

Schritt 4 – Nutzen Sie den Visual Editor für die letzten 20 %

Es gibt bei jedem Build einen Punkt, an dem das Beschreiben einer Änderung langsamer ist, als sie direkt vorzunehmen. Der Abstand zwischen den Abschnitten ist zwei Pixel zu eng. Die Button-Farbe ist richtig, aber leicht übersättigt. Die Überschriftengröße muss ein wenig reduziert werden.

Hier ändert der Visual Editor von Enter die Dynamik. Klicken Sie auf das Element. Sehen Sie die Optionen. Passen Sie es direkt an – Schriftgröße, Farbe, Abstände, Layout – ohne einen weiteren Prompt zu schreiben, ohne auf eine weitere Generierung zu warten, ohne versehentlich etwas anderes kaputt zu machen, während Sie eine Sache reparieren.

Die Beschreibungsphase und die Klickphase arbeiten zusammen. Die KI bringt Sie schnell zu achtzig Prozent ans Ziel. Der Visual Editor erledigt die letzten zwanzig Prozent präzise. Der Workflow wird zu: Vorlagen durchstöbern → Richtung beschreiben → generieren → per Klick verfeinern → veröffentlichen.

Schritt 5 – Veröffentlichen und mit frischem Blick betrachten

Wenn es sich fertig anfühlt, klicken Sie auf Veröffentlichen.

Enter stellt es sofort unter einer Live-URL bereit. Öffnen Sie diesen Link dann auf Ihrem Handy, treten Sie von Ihrem Schreibtisch zurück und betrachten Sie es so, wie es ein Fremder tun würde. Nicht wie jemand, der es gebaut hat.

Stellen Sie eine Frage: Sieht das aus, als wäre es von jemandem mit einer Vision gemacht worden? Wenn ja – sind Sie fertig. Wenn nicht, wissen Sie jetzt, was fehlt. Gehen Sie zurück, beschreiben Sie die Lücke, verfeinern Sie.

Das ist die Schleife. Sie wird bei jedem Durchgang schneller.

Wie es in der Serie weitergeht

Sie wissen jetzt, warum Generik entsteht und genau, wie man sie vermeidet. Ihr nächster Build sollte wie Ihrer aussehen.

Beim nächsten Mal gehen wir eine Ebene tiefer. Denn Design ist eine Sache – aber etwas zu bauen, das die Leute tatsächlich nutzen wollen, ist eine andere. Wir werden über den häufigsten Fehler sprechen, den Gründer machen, nachdem sie den Look perfektioniert haben: das Falsche wunderschön bauen. Wie findet man das richtige Problem, wie validiert man es, bevor man baut, und wie stellt man sicher, dass das, was man ausliefert, es wert ist, ausgeliefert zu werden?

Bis bald.