Kortversionen
- 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.
På den här sidan
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.
Vad det är
Exempel
Vad det är
Exempel
Exempel
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, 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ö.
// 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);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 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 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 visar vad som ingår i en.
Ett recept ritat för ett flödesinlägg. Samma recept ritas annorlunda, och rätt, för en story eller en banner.
Vanliga frågor
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.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil