Market
Pricing
Sign inStart
Field GuideBranding
Branding

Generative branding: identities made by systems, not single images

Instead of designing one logo and one background, you design the rules that make them. Generative branding turns an identity into a recipe that can cook a fresh version every time.

GradientlyVerified Gradiently account·October 1, 2026·5 min read
Cover: Thistle Chord · GR·AN4D·69

The short version

  • Generative branding is an approach where designers define rules, often in code, and a system produces the brand's visuals from those rules.
  • The output varies every time, but the rules keep every version recognisably part of one identity.
  • Visit Nordkyn in Norway is a widely cited example: its logo changes shape and colour with live weather data.
  • A generative system needs fixed constraints, a few controlled variables and a source of variation such as a seed, data or the format being made.
  • Generative branding is different from AI image generation: the rules are written by the brand, so the results are predictable and repeatable.
On this page
How generative branding worksExamples of generative identitiesA generative background in a few lines of codeHow to write the rules for a generative brandGenerative branding is not AI image generationMarks are recipes

Generative branding is an identity defined as a set of rules rather than a set of finished images. Designers decide the constraints, the colours, shapes, materials and limits, and a system, often a small piece of code, produces a new version of the logo or background each time one is needed. Every output is different, yet all of them are clearly the same brand, because they come from the same recipe.

How generative branding works

Every generative identity, from an art school's logo to a weather driven mark, has the same three parts. Once you can name them, you can design one.

Constraints

What it is

What never changes

Example

A violet family on a near black ground, one typeface
Variables

What it is

What the system may change, within limits

Example

Where the light falls, which tone leads
SourceWhat drives each change

Example

A seed number, live data, the format, the date
PartWhat it isExample
ConstraintsWhat never changesA violet family on a near black ground, one typeface
VariablesWhat the system may change, within limitsWhere the light falls, which tone leads
SourceWhat drives each changeA seed number, live data, the format, the date
Constraints carry recognition, variables carry freshness and the source decides each individual result.

The source matters more than it looks. A seed gives repeatable variety: the same number always produces the same result, so a design can be recreated exactly. Data ties the identity to something real, like weather or time. Format lets the system recompose for a story or a banner instead of cropping.

Examples of generative identities

  • Visit Nordkyn, 2010: the tourism brand for a region in northern Norway uses a logo shaped by live wind direction and coloured by temperature, so it reflects the weather at that moment.
  • MIT Media Lab, 2011: an algorithm produced a distinct logo for each member of the lab from a shared grid of overlapping shapes.
  • OCAD University, 2011: a fixed black and white frame is filled with artwork by the university's own students, so the identity keeps renewing itself.
  • Google Doodles: not code generated, but a long running system with one fixed rule, the name stays legible, and endless variation around it.

What they share is restraint. Each system varies one or two things, and each keeps something completely still: a frame, a grid, a name or a shape. The variety is what people notice; the constant is what they remember. These sit close to dynamic brand identity, which covers changing identities in general. Generative branding is the subset where the changes come from a system rather than a designer making each one by hand.

A generative background in a few lines of code

You can see the idea in a tiny example. The brand's constraints are a ground and a family of three violets. The variable is the position of the light, kept to the right of the frame so it never sits behind left aligned text. The source is a 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);
Change the seed and you get a new background; reuse a seed and you get the identical one back. Every result stays inside the brand's family.
Four outputs the code above could produce. Varied, but no stranger could mistake them for four different brands.

How to write the rules for a generative brand

  1. 1

    Start from a finished look

    Design one version you love by hand. The rules describe what makes it work, so you need a target first.

  2. 2

    Separate fixed from free

    List what must never change. Usually the ground, the colour family, the material and the type.

  3. 3

    Pick one or two variables

    Light position, leading tone or pattern density. Each extra variable multiplies the chance of an off brand result.

  4. 4

    Protect the words

    Make legibility a rule: the busiest, brightest area must never land behind text. Text on a gradient explains why.

  5. 5

    Review the extremes

    Generate many results and look at the strangest. If any feels wrong, narrow the range.

Weak rules

  • Any colour from a wide range
  • Random placement, including behind text
  • Several materials mixed freely
  • Nobody checks the outputs

Strong rules

  • A fixed family with one optional accent
  • Light kept away from where words sit
  • One material, always present
  • Extremes reviewed before launch

Generative branding is not AI image generation

The two get confused. An AI image model produces pictures from a prompt, and the same prompt can return very different results. A generative identity runs rules you wrote, so its range is known and a result can be reproduced from its seed. You can use AI to help design the rules or write the words, but the identity lives in the recipe. That also makes it easy to hand over: a new designer, an agency or an assistant can follow written rules far more reliably than they can imitate a mood board. AI design originality covers the wider question of where AI output comes from.

Marks are recipes

A Gradiently Mark works on the same principle. It is a recipe of colours, up to three materials, light, grain, motion and a type voice, rendered live rather than stored as a picture. It composes itself for every size you design in, and it reads where your words are so its calmest area sits behind them. Every Mark has a public code like GR·K7Q2·MX and exactly one owner at a time, so the recipe behind your look belongs to you. Mark materials explained shows what goes into one.

Field notes
Weekend market, every Saturday.
•Bread, flowers and coffee from 8 am
Gradiently · @gradiently

One recipe rendered for a feed post. The same recipe renders differently, and correctly, for a story or a banner.

Find a gradient that’s only yours

Browse thousands of Marks, design with any of them for free, and claim the one that feels like you.

Browse the Market

Questions people ask

What is generative branding?

An identity defined as rules, often in code, that produce new on brand visuals each time instead of one fixed logo or background.

What is an example of generative branding?

Visit Nordkyn's logo changes with live wind and temperature data, and the 2011 MIT Media Lab identity generated a different logo for each member.

Is generative branding the same as AI generated design?

No. Generative branding runs rules the brand wrote, so results are predictable and repeatable. AI image tools generate from prompts with far less control.

Do I need to code to use generative branding?

Not necessarily. Tools that render a look as a recipe at every size give you the core benefit without writing code yourself.

Share this guide

Written by GradientlyVerified Gradiently account

The team behind Gradiently, a design tool built around Marks: living gradients that make everything you design look like yours.

See our profile

On this page

How generative branding worksExamples of generative identitiesA generative background in a few lines of codeHow to write the rules for a generative brandGenerative branding is not AI image generationMarks are recipes

Share this guide

Next in Branding

Living brands: why moving, responsive visuals are the next identity

Keep reading

All Branding guides
Branding

Dynamic brand identity: visuals that change but stay yours

5 min read

Google redraws its logo for a holiday and nobody mistakes it for anyone else. A dynamic identity works because some things are allowed to change and others never do.

Branding

Living brands: why moving, responsive visuals are the next identity

5 min read

Most identities were designed for paper and then pasted onto phones. A living brand is designed for screens: it moves a little, fits every shape, and makes room for what it carries.

Using Gradiently

Gradient materials explained: silk, aurora, grain and the rest

5 min read

Two Marks can share a palette and look nothing alike, because the material decides how the colour behaves. A tour of the families, how layers, light and grain combine, and what each one says.

Find the look that’s only yours.

Every Mark is a living background with one owner. Try an unclaimed Mark, and claim yours when it feels right.

Start designing

Check a certificate

Type a certificate number or a Mark’s code to see who owns it.

Works with ChatGPT and Claude

Ask your AI for a design. It makes it in your Mark, ready to edit.

ChatGPTClaude
How to connect

Product

  • Market
  • Explore
  • Pricing
  • Certificates

Learn

  • Field Guide
  • Help centre
  • What’s new

Developers

  • Overview
  • ChatGPT and Claude
  • API reference
  • API keys

Company

  • About
  • Contact us
  • Sign in

Legal

  • Terms
  • Privacy
  • Refunds
  • Mark protection
  • Cookies
  • All policies
Move through the letters. Each one wears a real Mark.Touch a letter to see its Mark.One name. Ten Marks inside it.
© 2026 Gradiently