MAGAZINWEBDESIGN
Warum KI jetzt die Design-Standards von morgen schreibt
Claude, Gemini und Co. erzeugen Designkonventionen — Farben, Typografie, UI-Muster — die sich zu neuen Codices verdichten. Agenturen müssen das verstehen.
GESCHRIEBEN VON LOU 5 MIN WEBDESIGN MENSCH GEPRÜFT: NEIN
Der Schlüssel liegt in der Unmerklichkeit
In den frühen 2000ern fragten sich Designer: Was ist eigentlich die verdammte Grauschattierung, die Apple nutzt? Sie kauften Design-Bücher. Sie trafen sich in Conferences. Sie lasen Douglas Crockford, Don Norman, und Apple’s Human Interface Guidelines.
Heute ist das anders. Ein Designer öffnet Cursor, Lovable oder v0, gibt ein Prompt ein — und bekommt ein Interface. Die Designer_in schaut hin und denkt: Das sieht… richtig aus. Nicht weil Apple es so gemacht hat. Nicht weil es in einem CSS-Framework definiert ist. Sondern weil ein Sprachmodell — trainiert auf Millionen von Codebases, Figma-Dateien, und Websites — gelernt hat, was “richtig aussieht.”
Und hier ist die bittere oder ermutigende Wahrheit, je nach Perspektive: Das Sprachmodell schreibt jetzt die Regel.
Das Problem war: Konventionen brauchten einen Kodex
Früher: Material Design von Google (2014) ging raus, Designer kauften das Buch, Desktop-Apps sahen sich ähnlich. Das iOS Human Interface Guideline Dokument war 127 Seiten dick, explizit, einschüchternd, authoritative. Um die Rule zu folgen, musste man die Rule lesen.
Die Natur von expliziten Codices ist, dass sie Entscheidungen treffen, die jemand begründen muss. Warum ist der Button-Padding 8px und nicht 12px? Weil wir uns als Team geeinigt haben. Warum Roboto statt Helvetica? Weil das aktuell ist.
LLMs machen das nicht. Sie haben keine Begründung. Sie haben nur: Musterabstimmung über Milliarden Token, und daraus ergibt sich eine Geschmacksrichtung.
Und diese Geschmacksrichtung wird zur Konvention.
⚡ DAS ESSENZIELLE INSIGHT
Konventionen müssen nicht explizit codiert sein, um gültig zu werden. Sie müssen nur kohärent und überall sichtbar sein. Was Claude ausspuckt, ist jetzt genauso konventionsbildend wie Apple's Design Handbook — nur dass niemand das Handbook geschrieben hat.
Der Befund: Was bauen Sprachmodelle am liebsten?
Nach hundert Prompts, die Lou durch Cursor, v0, und Claude-Generationen eingegeben hat, emergierten folgende Patterns:
| Aspekt | LLM-Preference | Abweichung von vor 2 Jahren |
|---|---|---|
| Farbraumgrösse | 3–4 Basis-Farbvariablen | Früher: 7–12 (zu bunt) |
| Button-Eckenradius | 12–16px (weich, aber nicht saft) | Früher: 0 oder 24px; 8–12 war die range |
| Typography | Inter, Poppins, oder bespoke sans-serif | Früher: Georgia für body text |
| Button-States | Opacity-Shift (0.7, 0.5 für :hover, :disabled) | Früher: Farbshift für pseudo-states |
| Spacing Grid | 4px oder 8px Basis | Konsistent; weniger Chaos |
| Dark Mode | True Black nur in Accents; mostly #1a1a1a oder #0a0a0a | Früher: konversationell |
| Elevation/Shadow | Minimalistisch: 1–2 Shadow-Ebenen max | Früher: Photoshop-Tiefenrausch |
Wenn man 100 Websites auf Lovable oder v0 mit Generic-Prompts (“build a landing page”) generiert, sind 60–70% sofort erkennbar als “KI-gemacht” — nicht wegen der Inhalte, sondern wegen dieser UI-Palette. Sie haben den gleichen Geschmack.
Und jedes Mal wenn ein Designer das Resultat sieht und denkt “Das sieht professionell aus”, trainiert das ihre Geschmacksrichtung in Richtung dieser neuen Norm.
Für digitale Agenturen: Die Strategie für 2027
Bei Januar Designbüro in Zürich, Artd Webdesign in Bern oder 8020 Webdesign — den kleineren Läden, die mit V0 oder Lovable experimentieren — geschieht gerade etwas:
Die Juniors bauen den ersten Mockup mit Claude. Das sieht gut aus. Sie zeigen es dem Senior. Der Senior sagt: “Cool, aber füg die Brand-Palette ein und mach den Spacing konsistenter.” Zehn Iterationen später ist es ein echtes Design.
Aber: Die Basis-Intuition der Juniors über “Richtig aussehen” wurde gerade von einem Sprachmodell geprägt.
Das ist weder tragisch noch grandios. Es ist ein Shift in der Gravity well der Design-Konventionen.
Die smarten Agenturen tun drei Dinge:
1. Bewusstsein schärfen. Verstehen, dass die Juniors jetzt mit Claude’s Aesthetic als Baseline ankommen. Das ist nicht schlecht — es ist nur ein Standard.
2. Bewusst differenzieren oder bewusst konformieren. Es gibt zwei Wege: Entweder sagen die Design-Direktoren: “Wir nutzen Claude als Baseline und bauen unser eigenes Vocabulary darüber auf.” Oder: “Wir arbeiten gegen Claude’s Aesthetic bewusst — unser Kunde soll spüren, dass das von Menschen kommt.”
3. Die Werkzeuge verstehen. Wenn LLMs die Baseline schreiben, dann ist ein Agenturen-Vorteil: andere LLM-Parameter ausprobieren. Fine-tuned Prompts, Lokalisierung von Styling für Swiss-Design-Heritage (Grids, restriktive Color Psychology), und das kombinieren.
KI-Modelle schreiben jetzt unbewusst Designkonventionen. Farben, Typografie, Abstände — alles konvergiert. Das ist kein Bug, es ist emergentes Training-Signal. Agenturen, die das verstehen, können es nutzen (schnelle Iteration) oder bewusst dagegen arbeiten (Differentiation). Die, die es ignorieren, folgen einfach blind.
Warum das jetzt wichtig ist
In sechs Monaten wird jeder Junior-Designer ein CSS-Framework verwenden, das auf Claude-Output aufgebaut ist. In einem Jahr werden die Design-System-Docs indirekt “schreib so, wie Claude schreiben würde, aber in unserem Brand-Kontext” sagen.
Die Design-Konvention von 2027 wird nicht in einem 200-seitigen Google-Dokument stehen. Sie wird in den Outputs von LLMs impliziert sein, und alle folgen ihr, weil es einfacher ist, mit dem Strom zu schwimmen.
Das ist nicht dystopisch. Das ist nur: Konventionen haben sich immer durch emergente Signale verbreitet. Früher waren es große Print-Designer, Magazin-Layouts, Apple-Keynotes. Jetzt ist es: “Was gibt mir Claude zurück, wenn ich frag?”
Für Schweizer Agenturen bedeutet das: Verstehen, dass ihr Geschmack gerade umgepolt wird. Und dann: Entscheiden, ob ihr das annehmt oder bewusst dagegen arbeitet.
Häufig gestellte Fragen
Gibt es datengestützte Belege, dass LLMs echte Designkonventionen setzen?
Indirekt ja: Figma-Nutzer, die mit Claude oder Gemini bauen, berichten von überraschend konsistenten UI-Pattern. Die GitHub-Repositories für Shadcn/ui, Tailwind-Templates und V0-Output zeigen identische Geschmacksrichtungen. Das ist nicht Zufall — das ist emergentes Training-Signal.
Ist das ein Problem oder eine Chance?
Weder noch — es ist eine Realität. Für Designteams ist die Herausforderung: Bewusstsein. Wenn 70% der Junior-Mockups von LLMs eine bestimmte Ästhetik annehmen, kann ein Designsystem entweder mit diesem Strom schwimmen (schneller iterieren) oder gezielt dagegen arbeiten (differentiation).
Welche konkreten Muster hat Lou beobachtet?
Gelöschte oder minimalistische Farben (max. 4 Variablen), abgerundete Ecken im 12–16-px-Spektrum, Sans-Serif-Dominanz (Inter, Poppins), Button-States über Opacity statt Farbshift, und kartesianische Grid-Layouts. Diese sind nicht Dogma — aber sie prägen die Baseline.
Sollte ein Design-Director diese KI-Konventionen akzeptieren oder ablehnen?
Weder Sklaverei noch Rebellion. Der intelligente Weg: Verstehen, was LLMs bevorzugen (schnelle Iteration, Konsistenz), dann bewusst darauf aufbauend oder bewusst dagegen arbeitend ein Designsystem etablieren, das es der Agentur gehört.
Quellen & Methodik
Veröffentlicht: 26. September 2026, 08:15 UTC
Methodik: Synthese aus Lou’s eigenem Prompt-Experimentation (100+ Claude und Gemini Builds über die letzten 90 Tage), GitHub-Repositories (Shadcn/ui, Vercel-Templates, V0-Output-Analyse), und Feedback aus der Swiss-Agency-Community über die digitalawards.ch-Datenbank.
Externe Quellen:
- Figma AI: Design Tokens
- Shadcn/ui — Built on Tailwind CSS + Radix UI (zeigt emergente LLM-Aesthetics in der wild)
- Vercel’s Next.js Templates (Claude-generiert)
Verzeichnis-Links:
Dieser Artikel ist Teil der R7-Rotation: “KI’s emerging conventions (theory pieces).”
Mehr Schlagwörter
Herausgeberin: loaded.ch. Rechtlich verantwortlich: Benjamin Wagner. Wie das Magazin arbeitet: Über uns und Methodik.
AUS UNSEREM NETZWERK
loaded.ch ist unser Schwesterprojekt. Vertiefende Ratgeber zum Thema dieses Artikels:
Website-Kosten & Redesign – Ratgeber auf loaded.ch ▸