# Generativ merkevarebygging: identiteter laget av systemer

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

I stedet for å lage én logo og én bakgrunn, lager du reglene som skaper dem. Generativ merkevarebygging gjør identiteten til en oppskrift som gir en ny versjon hver gang.

## The short version

- Generativ merkevarebygging er en metode der designere definerer regler, ofte i kode, og et system lager merkevarens visuelle uttrykk fra dem.
- Resultatet varierer hver gang, men reglene gjør alle versjonene gjenkjennelige som deler av én identitet.
- Visit Nordkyn i Norge er et ofte omtalt eksempel: logoen endrer form og farge med værdata i sanntid.
- Et generativt system trenger faste rammer, noen få styrte variabler og en variasjonskilde som et starttall, data eller formatet som lages.
- Generativ merkevarebygging skiller seg fra KI-bildegenerering: reglene er skrevet av merkevaren, så resultatene er forutsigbare og kan gjentas.

**Generativ merkevarebygging** definerer identiteten som et sett regler fremfor ferdige bilder. Designerne bestemmer rammene, fargene, formene, materialene og grensene. Et system, ofte en liten kodebit, lager deretter en ny versjon av logoen eller bakgrunnen hver gang den trengs. Hvert resultat er forskjellig, men alle er tydelig samme merkevare fordi de kommer fra samme oppskrift.

## Slik fungerer generativ merkevarebygging

Alle generative identiteter, fra en kunstskoles logo til et værstyrt symbol, har de samme tre delene. Når du kan navngi dem, kan du lage en.

| Del | Hva det er | Eksempel |
| --- | --- | --- |
| Rammer | Det som aldri endres | En fiolett familie på nesten svart bunn, én skrifttype |
| Variabler | Det systemet kan endre innenfor grenser | Hvor lyset faller, hvilken tone som leder |
| Kilde | Det som driver hver endring | Et starttall, sanntidsdata, formatet, datoen |

Rammene gir gjenkjennelse, variablene gir friskhet, og kilden avgjør hvert enkelt resultat.

Kilden betyr mer enn det virker som. Et **starttall**, eller seed, gir variasjon som kan gjentas: samme tall gir alltid samme resultat, så et design kan gjenskapes nøyaktig. **Data** knytter identiteten til noe faktisk, som vær eller tid. **Format** lar systemet komponere på nytt for en Story eller et banner fremfor å beskjære.

## Eksempler på generative identiteter

- **Visit Nordkyn, 2010:** reiselivsmerket for en region i Nord-Norge bruker en logo som formes av vindretningen og farges av temperaturen i sanntid, så den speiler været akkurat da.
- **MIT Media Lab, 2011:** en algoritme laget en egen logo for hvert medlem av laboratoriet fra et felles rutenett med overlappende former.
- **OCAD University, 2011:** en fast svart-hvit ramme fylles med kunst av universitetets egne studenter, så identiteten stadig fornyes.
- **Google Doodles:** ikke kodegenerert, men et langvarig system med én fast regel, navnet forblir lesbart, og endeløs variasjon rundt den.

Fellesnevneren er tilbakeholdenhet. Hvert system varierer én eller to ting og holder noe helt fast: en ramme, et rutenett, et navn eller en form. Variasjonen er det folk legger merke til; det faste er det de husker. Dette ligger nær [dynamisk merkevareidentitet](https://gradiently.design/nb/guide/dynamic-brand-identity), som dekker skiftende identiteter generelt. Generativ merkevarebygging er delen der endringene kommer fra et system fremfor at en designer lager hver for hånd.

## En generativ bakgrunn med noen få kodelinjer

Du kan se ideen i et lite eksempel. Merkevarens rammer er en grunnfarge og en familie med tre fiolettfarger. Variabelen er lysplasseringen, holdt til høyre i bildet så lyset aldri havner bak venstrejustert tekst. Kilden er et starttall.

```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);
```

Endre starttallet for en ny bakgrunn; bruk samme tall igjen for å få den identiske tilbake. Alle resultater holder seg i merkevarens familie.

- Starttall A: lys lilla leder, høyt: `radial-gradient(circle at 78% 18%, #c084fc 0%, #4c1d95 40%, #120d24 80%)`
- B: fiolett leder, midt til høyre: `radial-gradient(circle at 64% 44%, #7c3aed 0%, #4c1d95 40%, #120d24 80%)`
- C: fiolett leder, langt til høyre: `radial-gradient(circle at 88% 30%, #7c3aed 0%, #4c1d95 40%, #120d24 80%)`
- Starttall D: lys lilla leder, øverst: `radial-gradient(circle at 70% 12%, #c084fc 0%, #4c1d95 40%, #120d24 80%)`

Fire resultater koden over kunne lage. Varierte, men ingen utenforstående ville tro de tilhører fire ulike merkevarer.

## Slik skriver du regler for en generativ merkevare

1. **Begynn med et ferdig uttrykk** Lag én versjon du liker for hånd. Reglene beskriver det som får den til å fungere, så du trenger et mål først.
2. **Skill fast fra fritt** List det som aldri må endres. Vanligvis grunnfargen, fargefamilien, materialet og skriften.
3. **Velg én eller to variabler** Lysplassering, ledende tone eller mønstertetthet. Hver ekstra variabel øker risikoen for et resultat som bryter med merkevaren.
4. **Beskytt ordene** Gjør lesbarhet til en regel: det travleste og lyseste området må aldri havne bak tekst. [Tekst på en gradient](https://gradiently.design/nb/guide/text-on-gradient) forklarer hvorfor.
5. **Se gjennom ytterpunktene** Generer mange resultater og se på de rareste. Hvis noen virker feil, snevr inn området.

### Svake regler

- Enhver farge fra et bredt utvalg
- Tilfeldig plassering, også bak tekst
- Flere materialer blandet fritt
- Ingen sjekker resultatene

### Sterke regler

- En fast familie med én valgfri aksent
- Lys holdt unna ordenes plassering
- Ett materiale som alltid er med
- Ytterpunkter gjennomgått før lansering

## Generativ merkevarebygging og KI-bildegenerering

De to blandes ofte sammen. En KI-bildemodell lager bilder fra en instruksjon, og samme instruksjon kan gi svært ulike resultater. En generativ identitet kjører regler **du** skrev, så variasjonsområdet er kjent og et resultat kan gjenskapes fra starttallet. Du kan bruke KI til å utforme regler eller skrive ordene, men identiteten ligger i oppskriften. Det gjør også overleveringen enkel: en ny designer, et byrå eller en assistent kan følge skrevne regler langt mer pålitelig enn de kan etterligne et inspirasjonsbrett. [Originalitet i KI-design](https://gradiently.design/nb/guide/ai-design-originality) dekker det større spørsmålet om hvor KI-resultater kommer fra.

## Marks er oppskrifter

En Gradiently Mark virker etter samme prinsipp. Den er en oppskrift av farger, opptil tre materialer, lys, korn, bevegelse og skriftpreg, gjengitt direkte fremfor lagret som et bilde. Den komponerer seg for hver størrelse du designer i og leser hvor ordene er, så det roligste området ligger bak dem. Hver Mark har en offentlig kode som `GR·K7Q2·MX` og nøyaktig én eier om gangen. Dermed tilhører oppskriften bak uttrykket ditt deg. [Materialene i en Mark forklart](https://gradiently.design/nb/guide/mark-materials-explained) viser hva den består av.

Et innlegg som kunngjør et lørdagsmarked på en levende gradientoppskrift med det rolige området bak ordene

Én oppskrift gjengitt til et innlegg. Den samme oppskriften gjengis annerledes, og riktig, til en Story eller et banner.

## FAQ

### Hva er generativ merkevarebygging?

En identitet definert som regler, ofte i kode, som lager nye visuelle uttrykk i merkevarens stil hver gang fremfor én fast logo eller bakgrunn.

### Hva er et eksempel på generativ merkevarebygging?

Logoen til Visit Nordkyn endrer seg med vind- og temperaturdata i sanntid, og identiteten til MIT Media Lab fra 2011 genererte en egen logo for hvert medlem.

### Er generativ merkevarebygging det samme som KI-generert design?

Nei. Generativ merkevarebygging kjører regler merkevaren har skrevet, så resultatene er forutsigbare og kan gjentas. KI-bildeverktøy genererer fra instruksjoner med langt mindre kontroll.

### Må jeg kunne kode for å bruke generativ merkevarebygging?

Ikke nødvendigvis. Verktøy som gjengir et uttrykk som en oppskrift i alle størrelser, gir hovedfordelen uten at du skriver kode selv.