# Generatives Branding: Identitäten aus Systemen statt Einzelbildern [Canonical HTML page](https://gradiently.design/de/guide/generative-branding) Statt ein Logo und einen Hintergrund zu gestalten, gestaltest du die Regeln, die sie erzeugen. Generatives Branding macht aus einer Identität ein Rezept, das jedes Mal eine frische Version kocht. ## The short version - Generatives Branding ist ein Ansatz, bei dem Designer Regeln festlegen, oft in Code, und ein System die Visuals der Marke aus diesen Regeln erzeugt. - Das Ergebnis ist jedes Mal anders, aber die Regeln halten jede Version erkennbar als Teil einer Identität. - Visit Nordkyn in Norwegen ist ein oft zitiertes Beispiel: Sein Logo ändert Form und Farbe mit Live-Wetterdaten. - Ein generatives System braucht feste Grenzen, wenige kontrollierte Variablen und eine Quelle der Variation wie einen Seed, Daten oder das jeweilige Format. - Generatives Branding ist etwas anderes als KI-Bildgenerierung: Die Regeln schreibt die Marke selbst, also sind die Ergebnisse vorhersehbar und wiederholbar. **Generatives Branding** ist eine Identität, die als Satz von Regeln definiert ist statt als Satz fertiger Bilder. Designer legen die Grenzen fest, die Farben, Formen, Materialien und Spielräume, und ein System, oft ein kleines Stück Code, erzeugt jedes Mal eine neue Version des Logos oder Hintergrunds, wenn eine gebraucht wird. Jedes Ergebnis ist anders, und doch sind alle klar dieselbe Marke, weil sie aus demselben Rezept stammen. ## So funktioniert generatives Branding Jede generative Identität, vom Logo einer Kunsthochschule bis zu einem wettergesteuerten Zeichen, hat dieselben drei Teile. Sobald du sie benennen kannst, kannst du eine gestalten. | Teil | Was es ist | Beispiel | | --- | --- | --- | | Grenzen | Was sich nie ändert | Eine Violett-Familie auf fast schwarzem Grund, eine Schrift | | Variablen | Was das System ändern darf, in Grenzen | Wo das Licht fällt, welcher Ton führt | | Quelle | Was jede Änderung antreibt | Eine Seed-Zahl, Live-Daten, das Format, das Datum | Grenzen tragen die Wiedererkennung, Variablen die Frische, und die Quelle entscheidet jedes einzelne Ergebnis. Die Quelle ist wichtiger, als sie aussieht. Ein **Seed** liefert wiederholbare Vielfalt: Dieselbe Zahl erzeugt immer dasselbe Ergebnis, also lässt sich ein Design exakt nachbilden. **Daten** verbinden die Identität mit etwas Realem, etwa Wetter oder Uhrzeit. Das **Format** lässt das System für eine Story oder ein Banner neu komponieren, statt zuzuschneiden. ## Beispiele generativer Identitäten - **Visit Nordkyn, 2010:** Die Tourismusmarke einer Region im Norden Norwegens nutzt ein Logo, das von der aktuellen Windrichtung geformt und von der Temperatur gefärbt wird, sodass es das Wetter im jeweiligen Moment spiegelt. - **MIT Media Lab, 2011:** Ein Algorithmus erzeugte für jedes Mitglied des Labs ein eigenes Logo aus einem gemeinsamen Raster überlappender Formen. - **OCAD University, 2011:** Ein fester schwarz-weißer Rahmen wird mit Arbeiten der eigenen Studierenden gefüllt, sodass sich die Identität ständig erneuert. - **Google Doodles:** nicht per Code erzeugt, aber ein langlebiges System mit einer festen Regel, der Name bleibt lesbar, und endloser Variation drumherum. Gemeinsam ist ihnen Zurückhaltung. Jedes System variiert ein oder zwei Dinge, und jedes hält etwas völlig still: einen Rahmen, ein Raster, einen Namen oder eine Form. Die Vielfalt fällt auf; das Konstante bleibt im Gedächtnis. Sie liegen nah an der [dynamischen Markenidentität](https://gradiently.design/de/guide/dynamic-brand-identity), die wandelbare Identitäten allgemein behandelt. Generatives Branding ist die Teilmenge, bei der die Änderungen aus einem System kommen, statt dass ein Designer jede einzeln von Hand macht. ## Ein generativer Hintergrund in ein paar Zeilen Code Die Idee lässt sich an einem winzigen Beispiel zeigen. Die Grenzen der Marke sind ein Grund und eine Familie aus drei Violetttönen. Die Variable ist die Position des Lichts, die rechts im Bild bleibt, damit es nie hinter linksbündigem Text sitzt. Die Quelle ist ein Seed. ```js // A small seeded random generator: the same seed always gives the same numbers. function mulberry32(seed) { return function () { seed = (seed + 0x6d2b79f5) | 0; let t = Math.imul(seed ^ (seed >>> 15), 1 | seed); t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t; return ((t ^ (t >>> 14)) >>> 0) / 4294967296; }; } // Constraints: these never change. const brand = { ground: '#120d24', family: ['#4c1d95', '#7c3aed', '#c084fc'], }; // Variables: light position and which tone leads, within limits. function background(seed) { const rand = mulberry32(seed); const x = Math.round(60 + rand() * 30); // light stays on the right const y = Math.round(10 + rand() * 40); const lead = brand.family[1 + Math.floor(rand() * 2)]; return `radial-gradient(circle at ${x}% ${y}%, ${lead} 0%, ${brand.family[0]} 40%, ${brand.ground} 80%)`; } document.body.style.background = background(2026); ``` Ändere den Seed, und du bekommst einen neuen Hintergrund; nutz einen Seed erneut, und du bekommst genau denselben zurück. Jedes Ergebnis bleibt in der Farbfamilie der Marke. - Seed A: Flieder führt, hoch: `radial-gradient(circle at 78% 18%, #c084fc 0%, #4c1d95 40%, #120d24 80%)` - Seed B: Violett führt, Mitte rechts: `radial-gradient(circle at 64% 44%, #7c3aed 0%, #4c1d95 40%, #120d24 80%)` - Seed C: Violett führt, ganz rechts: `radial-gradient(circle at 88% 30%, #7c3aed 0%, #4c1d95 40%, #120d24 80%)` - Seed D: Flieder führt, oben: `radial-gradient(circle at 70% 12%, #c084fc 0%, #4c1d95 40%, #120d24 80%)` Vier Ergebnisse, die der Code oben erzeugen könnte. Abwechslungsreich, aber niemand würde sie für vier verschiedene Marken halten. ## So schreibst du die Regeln für eine generative Marke 1. **Bei einem fertigen Look anfangen** Gestalte eine Version, die du liebst, von Hand. Die Regeln beschreiben, warum sie funktioniert, also brauchst du zuerst ein Ziel. 2. **Festes von Freiem trennen** Liste auf, was sich nie ändern darf. Meist der Grund, die Farbfamilie, das Material und die Schrift. 3. **Eine oder zwei Variablen wählen** Lichtposition, führender Ton oder Musterdichte. Jede weitere Variable vervielfacht das Risiko eines markenfremden Ergebnisses. 4. **Die Worte schützen** Mach Lesbarkeit zur Regel: Der unruhigste, hellste Bereich darf nie hinter Text landen. [Text auf einem Verlauf](https://gradiently.design/de/guide/text-on-gradient) erklärt, warum. 5. **Die Extreme prüfen** Erzeuge viele Ergebnisse und sieh dir die seltsamsten an. Wenn eines falsch wirkt, verenge den Spielraum. ### Schwache Regeln - Jede Farbe aus einem weiten Bereich - Zufällige Platzierung, auch hinter Text - Mehrere Materialien frei gemischt - Niemand prüft die Ergebnisse ### Starke Regeln - Eine feste Familie mit einem optionalen Akzent - Licht fern von den Stellen, an denen Worte stehen - Ein Material, immer vorhanden - Extreme vor dem Launch geprüft ## Generatives Branding ist keine KI-Bildgenerierung Die beiden werden oft verwechselt. Ein KI-Bildmodell erzeugt Bilder aus einem Prompt, und derselbe Prompt kann sehr unterschiedliche Ergebnisse liefern. Eine generative Identität führt Regeln aus, die **du** geschrieben hast, also ist ihr Spielraum bekannt, und ein Ergebnis lässt sich aus seinem Seed reproduzieren. Du kannst KI nutzen, um die Regeln zu entwerfen oder die Texte zu schreiben, aber die Identität lebt im Rezept. Das macht auch die Übergabe leicht: Ein neuer Designer, eine Agentur oder eine Assistenz kann geschriebenen Regeln viel verlässlicher folgen, als ein Moodboard nachzuahmen. [Originalität von KI-Design](https://gradiently.design/de/guide/ai-design-originality) behandelt die größere Frage, woher KI-Ergebnisse stammen. ## Marks sind Rezepte Ein Gradiently Mark funktioniert nach demselben Prinzip. Er ist ein Rezept aus Farben, bis zu drei Materialien, Licht, Körnung, Bewegung und einer Schriftstimme, live gerendert statt als Bild gespeichert. Er komponiert sich für jede Größe neu, in der du gestaltest, und erkennt, wo deine Worte stehen, damit sein ruhigster Bereich hinter ihnen sitzt. Jeder Mark hat einen öffentlichen Code wie `GR·K7Q2·MX` und immer genau einen Besitzer, also gehört das Rezept hinter deinem Look dir. [Die Materialien eines Marks erklärt](https://gradiently.design/de/guide/mark-materials-explained) zeigt, was in einem steckt. Ein Post, der einen Wochenmarkt am Samstag ankündigt, auf einem lebendigen Verlaufsrezept mit dem ruhigen Bereich hinter den Worten Ein Rezept, gerendert für einen Feed-Post. Dasselbe Rezept rendert für eine Story oder ein Banner anders, und richtig. ## FAQ ### Was ist generatives Branding? Eine Identität, die als Regeln definiert ist, oft in Code, die jedes Mal neue markentreue Visuals erzeugen, statt eines festen Logos oder Hintergrunds. ### Was ist ein Beispiel für generatives Branding? Das Logo von Visit Nordkyn ändert sich mit Live-Daten zu Wind und Temperatur, und die Identität des MIT Media Lab von 2011 erzeugte für jedes Mitglied ein anderes Logo. ### Ist generatives Branding dasselbe wie KI-generiertes Design? Nein. Generatives Branding führt Regeln aus, die die Marke geschrieben hat, also sind die Ergebnisse vorhersehbar und wiederholbar. KI-Bildtools erzeugen aus Prompts mit viel weniger Kontrolle. ### Muss ich programmieren können, um generatives Branding zu nutzen? Nicht unbedingt. Tools, die einen Look als Rezept in jeder Größe rendern, geben dir den Kernvorteil, ohne dass du selbst Code schreibst.