# Generatieve branding: identiteiten gemaakt door systemen

[Canonical HTML page](https://gradiently.design/nl/guide/generative-branding)

In plaats van één logo en één achtergrond te ontwerpen, ontwerp je de regels die ze maken. Generatieve branding maakt van een identiteit een recept dat elke keer een verse versie kan koken.

## The short version

- Generatieve branding is een aanpak waarbij ontwerpers regels bepalen, vaak in code, en een systeem op basis van die regels de beelden van het merk maakt.
- De uitkomst verschilt elke keer, maar de regels houden elke versie herkenbaar onderdeel van één identiteit.
- Visit Nordkyn in Noorwegen is een veelgenoemd voorbeeld: het logo verandert van vorm en kleur met live weerdata.
- Een generatief systeem heeft vaste beperkingen nodig, een paar gecontroleerde variabelen en een bron van variatie zoals een seed, data of het formaat dat wordt gemaakt.
- Generatieve branding is iets anders dan AI-beeldgeneratie: de regels worden door het merk geschreven, dus de resultaten zijn voorspelbaar en herhaalbaar.

**Generatieve branding** is een identiteit die als set regels is gedefinieerd in plaats van als set afgemaakte beelden. Ontwerpers bepalen de beperkingen, de kleuren, vormen, materialen en grenzen, en een systeem, vaak een klein stukje code, maakt elke keer als het nodig is een nieuwe versie van het logo of de achtergrond. Elke uitkomst is anders, maar allemaal zijn ze duidelijk hetzelfde merk, omdat ze uit hetzelfde recept komen.

## Hoe generatieve branding werkt

Elke generatieve identiteit, van het logo van een kunstacademie tot een door het weer gestuurd merkteken, heeft dezelfde drie onderdelen. Zodra je ze kunt benoemen, kun je er een ontwerpen.

| Onderdeel | Wat het is | Voorbeeld |
| --- | --- | --- |
| Beperkingen | Wat nooit verandert | Een violette familie op een bijna zwarte ondergrond, één lettertype |
| Variabelen | Wat het systeem binnen grenzen mag veranderen | Waar het licht valt, welke tint leidt |
| Bron | Wat elke verandering aanstuurt | Een seed-getal, live data, het formaat, de datum |

Beperkingen dragen herkenning, variabelen dragen frisheid en de bron beslist over elk afzonderlijk resultaat.

De bron doet er meer toe dan het lijkt. Een **seed** geeft herhaalbare variatie: hetzelfde getal levert altijd hetzelfde resultaat, zodat een ontwerp exact opnieuw gemaakt kan worden. **Data** koppelt de identiteit aan iets echts, zoals weer of tijd. Het **formaat** laat het systeem opnieuw samenstellen voor een story of banner in plaats van bij te snijden.

## Voorbeelden van generatieve identiteiten

- **Visit Nordkyn, 2010:** het toerismemerk voor een regio in Noord-Noorwegen gebruikt een logo dat wordt gevormd door de live windrichting en wordt gekleurd door de temperatuur, zodat het het weer van dat moment weerspiegelt.
- **MIT Media Lab, 2011:** een algoritme maakte voor elk lid van het lab een eigen logo uit een gedeeld raster van overlappende vormen.
- **OCAD University, 2011:** een vast zwart-wit kader wordt gevuld met werk van de eigen studenten van de universiteit, zodat de identiteit zichzelf blijft vernieuwen.
- **Google Doodles:** niet door code gegenereerd, maar een langlopend systeem met één vaste regel, de naam blijft leesbaar, en eindeloze variatie eromheen.

Wat ze delen is terughoudendheid. Elk systeem varieert één of twee dingen en houdt iets volledig stil: een kader, een raster, een naam of een vorm. De variatie is wat mensen opmerken, het vaste is wat ze onthouden. Dit ligt dicht bij [dynamische merkidentiteit](https://gradiently.design/nl/guide/dynamic-brand-identity), die veranderende identiteiten in het algemeen behandelt. Generatieve branding is de deelverzameling waarbij de veranderingen uit een systeem komen en niet van een ontwerper die elke variant met de hand maakt.

## Een generatieve achtergrond in een paar regels code

Je ziet het idee in een klein voorbeeld. De beperkingen van het merk zijn een ondergrond en een familie van drie violettinten. De variabele is de positie van het licht, rechts in het beeld gehouden zodat het nooit achter links uitgelijnde tekst staat. De bron is een 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);
```

Verander de seed en je krijgt een nieuwe achtergrond, hergebruik een seed en je krijgt exact dezelfde terug. Elk resultaat blijft binnen de familie van het merk.

- Seed A: lila leidt, hoog: `radial-gradient(circle at 78% 18%, #c084fc 0%, #4c1d95 40%, #120d24 80%)`
- Seed B: violet leidt, midden rechts: `radial-gradient(circle at 64% 44%, #7c3aed 0%, #4c1d95 40%, #120d24 80%)`
- Seed C: violet leidt, uiterst rechts: `radial-gradient(circle at 88% 30%, #7c3aed 0%, #4c1d95 40%, #120d24 80%)`
- Seed D: lila leidt, boven: `radial-gradient(circle at 70% 12%, #c084fc 0%, #4c1d95 40%, #120d24 80%)`

Vier uitkomsten die de code hierboven kan geven. Gevarieerd, maar niemand zou ze voor vier verschillende merken aanzien.

## Zo schrijf je de regels voor een generatief merk

1. **Begin bij een afgeronde look** Ontwerp met de hand één versie waar je dol op bent. De regels beschrijven wat hem laat werken, dus je hebt eerst een doel nodig.
2. **Scheid vast van vrij** Som op wat nooit mag veranderen. Meestal de ondergrond, de kleurfamilie, het materiaal en de letters.
3. **Kies één of twee variabelen** Positie van het licht, leidende tint of patroondichtheid. Elke extra variabele vermenigvuldigt de kans op een resultaat buiten het merk.
4. **Bescherm de woorden** Maak leesbaarheid een regel: het drukste, helderste gebied mag nooit achter tekst terechtkomen. [Tekst op een kleurverloop](https://gradiently.design/nl/guide/text-on-gradient) legt uit waarom.
5. **Bekijk de uitersten** Genereer veel resultaten en kijk naar de vreemdste. Voelt er een fout, versmal dan het bereik.

### Zwakke regels

- Elke kleur uit een breed bereik
- Willekeurige plaatsing, ook achter tekst
- Meerdere materialen vrij gemengd
- Niemand controleert de uitkomsten

### Sterke regels

- Een vaste familie met één optioneel accent
- Licht weg van waar woorden staan
- Eén materiaal, altijd aanwezig
- Uitersten bekeken voor de lancering

## Generatieve branding is geen AI-beeldgeneratie

De twee worden verward. Een AI-beeldmodel maakt plaatjes uit een prompt, en dezelfde prompt kan heel verschillende resultaten geven. Een generatieve identiteit voert regels uit die **jij** hebt geschreven, dus het bereik is bekend en een resultaat is uit zijn seed te reproduceren. Je kunt AI gebruiken om de regels te ontwerpen of de woorden te schrijven, maar de identiteit zit in het recept. Dat maakt overdragen ook makkelijk: een nieuwe ontwerper, een bureau of een assistent kan geschreven regels veel betrouwbaarder volgen dan een moodboard nabootsen. [Originaliteit van AI-ontwerp](https://gradiently.design/nl/guide/ai-design-originality) behandelt de bredere vraag waar AI-uitvoer vandaan komt.

## Marks zijn recepten

Een Gradiently-Mark werkt volgens hetzelfde principe. Het is een recept van kleuren, tot drie materialen, licht, korrel, beweging en een lettertoon, live gerenderd en niet als plaatje opgeslagen. Hij stelt zichzelf samen voor elk formaat waarin je ontwerpt en leest waar je woorden staan zodat zijn rustigste gebied erachter ligt. Elke Mark heeft een publieke code als `GR·K7Q2·MX` en op elk moment precies één eigenaar, dus het recept achter jouw look is van jou. [Mark-materialen uitgelegd](https://gradiently.design/nl/guide/mark-materials-explained) laat zien wat erin gaat.

Een post die een weekendmarkt op zaterdag aankondigt op een levend kleurverloop-recept met het rustige gebied achter de woorden

Eén recept gerenderd voor een feedpost. Hetzelfde recept rendert anders, en juist, voor een story of banner.

## FAQ

### Wat is generatieve branding?

Een identiteit die als regels is gedefinieerd, vaak in code, en die elke keer nieuwe beelden binnen het merk maakt in plaats van één vast logo of één vaste achtergrond.

### Wat is een voorbeeld van generatieve branding?

Het logo van Visit Nordkyn verandert met live wind- en temperatuurdata, en de identiteit van het MIT Media Lab uit 2011 genereerde voor elk lid een ander logo.

### Is generatieve branding hetzelfde als door AI gegenereerd ontwerp?

Nee. Generatieve branding voert regels uit die het merk zelf schreef, dus de resultaten zijn voorspelbaar en herhaalbaar. AI-beeldtools genereren uit prompts met veel minder controle.

### Moet ik kunnen programmeren om generatieve branding te gebruiken?

Niet per se. Tools die een look als recept op elk formaat renderen geven je het kernvoordeel zonder dat je zelf code schrijft.