# Generativ branding: identiteter skapade av system, inte enstaka bilder

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

I stället för att designa en logotyp och en bakgrund designar du reglerna som skapar dem. Generativ branding gör en identitet till ett recept som kan laga en ny version varje gång.

## The short version

- Generativ branding är ett tillvägagångssätt där designers definierar regler, ofta i kod, och ett system skapar varumärkets visuella uttryck utifrån dem.
- Resultatet varierar varje gång, men reglerna håller varje version igenkännbart en del av en enda identitet.
- Visit Nordkyn i Norge är ett ofta citerat exempel: dess logotyp ändrar form och färg med väderdata i realtid.
- Ett generativt system behöver fasta begränsningar, ett fåtal kontrollerade variabler och en källa till variation som ett frö, data eller formatet som tas fram.
- Generativ branding skiljer sig från AI-bildgenerering: reglerna skrivs av varumärket, så resultaten är förutsägbara och upprepbara.

**Generativ branding** är en identitet definierad som en uppsättning regler snarare än en uppsättning färdiga bilder. Designers bestämmer begränsningarna, färgerna, formerna, materialen och gränserna, och ett system, ofta en liten bit kod, skapar en ny version av logotypen eller bakgrunden varje gång en behövs. Varje resultat är annorlunda, men alla är tydligt samma varumärke, eftersom de kommer ur samma recept.

## Så fungerar generativ branding

Varje generativ identitet, från en konsthögskolas logotyp till ett vädersstyrt märke, har samma tre delar. När du kan namnge dem kan du designa en.

| Del | Vad det är | Exempel |
| --- | --- | --- |
| Begränsningar | Det som aldrig ändras | En violett familj på en nästan svart botten, ett typsnitt |
| Variabler | Det systemet får ändra, inom gränser | Var ljuset faller, vilken ton som leder |
| Källa | Det som driver varje ändring | Ett frötal, data i realtid, formatet, datumet |

Begränsningar bär igenkänningen, variabler bär friskheten och källan avgör varje enskilt resultat.

Källan betyder mer än den ser ut. Ett **frö** ger upprepbar variation: samma tal ger alltid samma resultat, så en design kan återskapas exakt. **Data** knyter identiteten till något verkligt, som väder eller tid. **Format** låter systemet komponera om för en story eller en banner i stället för att beskära.

## Exempel på generativa identiteter

- **Visit Nordkyn, 2010:** turismvarumärket för en region i norra Norge använder en logotyp formad av vindriktning i realtid och färgad av temperaturen, så att den speglar vädret i just det ögonblicket.
- **MIT Media Lab, 2011:** en algoritm tog fram en särskild logotyp för varje medlem i labbet ur ett gemensamt rutnät av överlappande former.
- **OCAD University, 2011:** en fast svartvit ram fylls med verk av universitetets egna studenter, så att identiteten förnyar sig själv hela tiden.
- **Google Doodles:** inte kodgenererade, men ett långvarigt system med en fast regel, namnet förblir läsbart, och oändlig variation runt det.

Det de delar är återhållsamhet. Varje system varierar en eller två saker, och varje system håller något helt stilla: en ram, ett rutnät, ett namn eller en form. Variationen är det folk lägger märke till. Konstanten är det de minns. De ligger nära [dynamisk grafisk identitet](https://gradiently.design/sv/guide/dynamic-brand-identity), som tar upp föränderliga identiteter i allmänhet. Generativ branding är den delmängd där ändringarna kommer från ett system snarare än från en designer som gör varje för hand.

## En generativ bakgrund i några rader kod

Du kan se idén i ett litet exempel. Varumärkets begränsningar är en botten och en familj av tre violetta toner. Variabeln är ljusets position, hållen till höger i bildrutan så att den aldrig hamnar bakom vänsterjusterad text. Källan är ett frö.

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

Ändra fröet och du får en ny bakgrund. Återanvänd ett frö och du får exakt samma tillbaka. Varje resultat stannar inom varumärkets familj.

- Frö A: lila leder, högt: `radial-gradient(circle at 78% 18%, #c084fc 0%, #4c1d95 40%, #120d24 80%)`
- Frö B: violett leder, mitt till höger: `radial-gradient(circle at 64% 44%, #7c3aed 0%, #4c1d95 40%, #120d24 80%)`
- Frö C: violett leder, längst till höger: `radial-gradient(circle at 88% 30%, #7c3aed 0%, #4c1d95 40%, #120d24 80%)`
- Frö D: lila leder, överst: `radial-gradient(circle at 70% 12%, #c084fc 0%, #4c1d95 40%, #120d24 80%)`

Fyra resultat som koden ovan kunde ge. Varierade, men ingen främling kunde ta dem för fyra olika varumärken.

## Så skriver du reglerna för ett generativt varumärke

1. **Börja från ett färdigt utseende** Designa en version du älskar för hand. Reglerna beskriver vad som får den att fungera, så du behöver ett mål först.
2. **Skilj fast från fritt** Lista det som aldrig får ändras. Oftast botten, färgfamiljen, materialet och typografin.
3. **Välj en eller två variabler** Ljusets position, ledande ton eller mönstertäthet. Varje extra variabel multiplicerar risken för ett resultat som bryter mot varumärket.
4. **Skydda orden** Gör läsbarhet till en regel: det rörigaste, ljusaste området får aldrig hamna bakom text. [Text på en gradient](https://gradiently.design/sv/guide/text-on-gradient) förklarar varför.
5. **Granska ytterligheterna** Generera många resultat och titta på de konstigaste. Känns något fel, begränsa intervallet.

### Svaga regler

- Vilken färg som helst ur ett brett intervall
- Slumpmässig placering, även bakom text
- Flera material blandade fritt
- Ingen kontrollerar resultaten

### Starka regler

- En fast familj med en valfri accent
- Ljuset hållet borta från där orden sitter
- Ett material, alltid närvarande
- Ytterligheter granskade före lansering

## Generativ branding är inte AI-bildgenerering

De två förväxlas. En AI-bildmodell skapar bilder utifrån en instruktion, och samma instruktion kan ge mycket olika resultat. En generativ identitet kör regler som **du** skrev, så dess spännvidd är känd och ett resultat kan återskapas ur sitt frö. Du kan använda AI för att hjälpa till att designa reglerna eller skriva orden, men identiteten bor i receptet. Det gör den också lätt att lämna över: en ny designer, en byrå eller en assistent kan följa skrivna regler långt mer pålitligt än de kan imitera en stämningstavla. [Originalitet i AI-design](https://gradiently.design/sv/guide/ai-design-originality) tar upp den större frågan om varifrån AI:s resultat kommer.

## Marks är recept

En Gradiently-Mark fungerar enligt samma princip. Den är ett recept av färger, upp till tre material, ljus, korn, rörelse och en typografisk röst, ritat live i stället för lagrat som en bild. Den komponerar sig själv för varje storlek du designar i, och den läser var dina ord finns så att dess lugnaste område hamnar bakom dem. Varje Mark har en offentlig kod som `GR·K7Q2·MX` och exakt en ägare åt gången, så receptet bakom din stil tillhör dig. [Mark-material förklarade](https://gradiently.design/sv/guide/mark-materials-explained) visar vad som ingår i en.

Ett inlägg som aviserar en helgmarknad på lördagar på ett levande gradientrecept med det lugna området bakom orden

Ett recept ritat för ett flödesinlägg. Samma recept ritas annorlunda, och rätt, för en story eller en banner.

## FAQ

### Vad är generativ branding?

En identitet definierad som regler, ofta i kod, som skapar nya visuella uttryck inom varumärkets ramar varje gång i stället för en fast logotyp eller bakgrund.

### Vilket är ett exempel på generativ branding?

Visit Nordkyns logotyp ändras med vind- och temperaturdata i realtid, och MIT Media Labs identitet från 2011 genererade en annan logotyp för varje medlem.

### Är generativ branding detsamma som AI-genererad design?

Nej. Generativ branding kör regler som varumärket skrivit, så resultaten är förutsägbara och upprepbara. AI-bildverktyg genererar utifrån instruktioner med mycket mindre kontroll.

### Behöver jag kunna koda för att använda generativ branding?

Inte nödvändigtvis. Verktyg som ritar ett utseende som ett recept i varje storlek ger dig huvudfördelen utan att du skriver kod själv.