Branding generativo: identidades feitas por sistemas, não por imagens

O branding generativo é uma identidade definida como um conjunto de regras, não como um conjunto de imagens prontas. Os designers decidem as restrições, as cores, formas, materiais e limites, e um sistema, muitas vezes um pequeno trecho de código, produz uma versão nova do logo ou do fundo cada vez que uma é necessária. Cada resultado é diferente, mas todos são claramente a mesma marca, porque vêm da mesma receita.

Como funciona o branding generativo

Toda identidade generativa, do logo de uma escola de arte a uma marca movida pelo clima, tem as mesmas três partes. Quando você consegue nomeá-las, consegue criar uma.

A fonte importa mais do que parece. Uma semente dá variedade reproduzível: o mesmo número sempre gera o mesmo resultado, então um design pode ser recriado com exatidão. Dados ligam a identidade a algo real, como o clima ou a hora. O formato permite que o sistema recomponha para um story ou um banner em vez de cortar.

Exemplos de identidades generativas

• Visit Nordkyn, 2010: a marca de turismo de uma região no norte da Noruega usa um logo com a forma dada pela direção do vento em tempo real e a cor dada pela temperatura, então ele reflete o clima naquele momento.
• MIT Media Lab, 2011: um algoritmo gerou um logo diferente para cada membro do laboratório a partir de uma grade comum de formas sobrepostas.
• OCAD University, 2011: uma moldura fixa em preto e branco é preenchida com obras dos próprios alunos da universidade, então a identidade se renova sozinha.
• Google Doodles: não gerados por código, mas um sistema de longa data com uma regra fixa, o nome continua legível, e variação sem fim em volta dele.

O que eles têm em comum é a contenção. Cada sistema varia uma ou duas coisas, e cada um mantém algo totalmente parado: uma moldura, uma grade, um nome ou uma forma. A variedade é o que as pessoas notam; a constante é o que elas lembram. Esses exemplos ficam perto da identidade de marca dinâmica, que trata de identidades que mudam em geral. O branding generativo é o subconjunto em que as mudanças vêm de um sistema, e não de um designer fazendo cada uma à mão.

Um fundo generativo em poucas linhas de código

Dá para ver a ideia num exemplo minúsculo. As restrições da marca são um fundo e uma família de três violetas. A variável é a posição da luz, mantida no lado direito do quadro para nunca ficar atrás de texto alinhado à esquerda. A fonte é uma semente.

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

Como escrever as regras de uma marca generativa

1. 1

   Parta de um visual pronto

   Crie à mão uma versão que você adora. As regras descrevem o que a faz funcionar, então você precisa de um alvo primeiro.

2. 2

   Separe o fixo do livre

   Liste o que nunca pode mudar. Normalmente o fundo, a família de cores, o material e a tipografia.

3. 3

   Escolha uma ou duas variáveis

   Posição da luz, tom principal ou densidade do padrão. Cada variável a mais multiplica a chance de um resultado fora da marca.

4. 4

   Proteja as palavras

   Faça da legibilidade uma regra: a área mais agitada e mais clara nunca pode cair atrás do texto. Texto sobre gradiente explica por quê.

5. 5

   Revise os extremos

   Gere muitos resultados e olhe os mais estranhos. Se algum parecer errado, estreite a faixa.

Branding generativo não é geração de imagens por IA

Os dois costumam ser confundidos. Um modelo de imagem por IA produz figuras a partir de um prompt, e o mesmo prompt pode dar resultados bem diferentes. Uma identidade generativa roda regras que você escreveu, então sua faixa é conhecida e um resultado pode ser reproduzido a partir da semente. Você pode usar IA para ajudar a criar as regras ou escrever as palavras, mas a identidade vive na receita. Isso também facilita a passagem: um novo designer, uma agência ou um assistente segue regras escritas com muito mais confiabilidade do que imita um moodboard. Originalidade no design com IA trata da questão mais ampla de onde vem o resultado da IA.

Marks são receitas

Um Mark do Gradiently funciona com o mesmo princípio. Ele é uma receita de cores, até três materiais, luz, granulação, movimento e uma voz tipográfica, renderizada ao vivo em vez de guardada como imagem. Ele se compõe para cada tamanho em que você cria e lê onde estão as suas palavras para que sua área mais calma fique atrás delas. Todo Mark tem um código público como GR·K7Q2·MX e exatamente um dono por vez, então a receita por trás do seu visual pertence a você. Materiais do Mark explicados mostra o que entra num Mark.