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

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

Em vez de desenhares um logótipo e um fundo, desenhas as regras que os fazem. O branding generativo transforma uma identidade numa receita que pode cozinhar uma versão nova de cada vez.

## The short version

- O branding generativo é uma abordagem em que os designers definem regras, muitas vezes em código, e um sistema produz os visuais da marca a partir dessas regras.
- O resultado varia de cada vez, mas as regras mantêm todas as versões reconhecivelmente parte de uma só identidade.
- A Visit Nordkyn, na Noruega, é um exemplo muito citado: o seu logótipo muda de forma e de cor com dados meteorológicos em direto.
- Um sistema generativo precisa de restrições fixas, algumas variáveis controladas e uma fonte de variação, como uma semente, dados ou o formato que está a ser feito.
- O branding generativo é diferente da geração de imagens por IA: as regras são escritas pela marca, por isso os resultados são previsíveis e repetíveis.

O **branding generativo** é uma identidade definida como um conjunto de regras e não como um conjunto de imagens acabadas. Os designers decidem as restrições, as cores, as formas, os materiais e os limites, e um sistema, muitas vezes um pequeno pedaço de código, produz uma nova versão do logótipo ou do fundo sempre que é preciso uma. Cada resultado é diferente, e todos são claramente a mesma marca, porque vêm da mesma receita.

## Como funciona o branding generativo

Toda a identidade generativa, do logótipo de uma escola de arte a uma marca movida pelo tempo, tem as mesmas três partes. Quando as sabes nomear, sabes desenhar uma.

| Parte | O que é | Exemplo |
| --- | --- | --- |
| Restrições | O que nunca muda | Uma família de violetas sobre um fundo quase preto, um tipo de letra |
| Variáveis | O que o sistema pode mudar, dentro de limites | Onde cai a luz, que tom lidera |
| Fonte | O que conduz cada mudança | Um número de semente, dados em direto, o formato, a data |

As restrições levam o reconhecimento, as variáveis levam o frescor e a fonte decide cada resultado individual.

A fonte importa mais do que parece. Uma **semente** dá variedade repetível: o mesmo número produz sempre o mesmo resultado, por isso um design pode ser recriado com exatidão. Os **dados** ligam a identidade a algo real, como o tempo ou a hora. O **formato** deixa o sistema recompor para um story ou um banner em vez de recortar.

## Exemplos de identidades generativas

- **Visit Nordkyn, 2010:** a marca turística de uma região do norte da Noruega usa um logótipo moldado pela direção do vento em direto e colorido pela temperatura, de modo que reflete o tempo desse momento.
- **MIT Media Lab, 2011:** um algoritmo produziu um logótipo distinto para cada membro do laboratório a partir de uma grelha partilhada de formas sobrepostas.
- **OCAD University, 2011:** uma moldura fixa a preto e branco é preenchida com obras dos próprios estudantes da universidade, de modo que a identidade se renova sem parar.
- **Google Doodles:** não gerados por código, mas um sistema de longa duração com uma regra fixa, o nome mantém-se legível, e uma variação infinita à volta dele.

O que partilham é a contenção. Cada sistema varia uma ou duas coisas, e cada um mantém algo completamente parado: uma moldura, uma grelha, um nome ou uma forma. A variedade é o que as pessoas notam; a constante é o que recordam. Estes casos ficam perto da [identidade de marca dinâmica](https://gradiently.design/pt-pt/guide/dynamic-brand-identity), que trata das identidades mutáveis em geral. O branding generativo é o subconjunto em que as mudanças vêm de um sistema e não de um designer a fazer cada uma à mão.

## Um fundo generativo em poucas linhas de código

Podes ver a ideia num pequeno exemplo. 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 à direita do enquadramento para nunca ficar por trás de texto alinhado à esquerda. A fonte é uma semente.

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

Muda a semente e obténs um fundo novo; reutiliza uma semente e obténs exatamente o mesmo. Todos os resultados ficam dentro da família da marca.

- Semente A: lidera o lilás, em cima: `radial-gradient(circle at 78% 18%, #c084fc 0%, #4c1d95 40%, #120d24 80%)`
- Semente B: violeta, centro-direita: `radial-gradient(circle at 64% 44%, #7c3aed 0%, #4c1d95 40%, #120d24 80%)`
- Semente C: violeta, extrema direita: `radial-gradient(circle at 88% 30%, #7c3aed 0%, #4c1d95 40%, #120d24 80%)`
- Semente D: lidera o lilás, no topo: `radial-gradient(circle at 70% 12%, #c084fc 0%, #4c1d95 40%, #120d24 80%)`

Quatro resultados que o código acima poderia produzir. Variados, mas nenhum desconhecido os confundiria com quatro marcas diferentes.

## Como escrever as regras de uma marca generativa

1. **Parte de um aspeto acabado** Desenha à mão uma versão de que gostes. As regras descrevem o que a faz funcionar, por isso precisas primeiro de um alvo.
2. **Separa o fixo do livre** Lista o que nunca deve mudar. Normalmente o fundo, a família de cores, o material e a tipografia.
3. **Escolhe uma ou duas variáveis** A posição da luz, o tom que lidera ou a densidade do padrão. Cada variável a mais multiplica a hipótese de um resultado fora da marca.
4. **Protege as palavras** Faz da legibilidade uma regra: a zona mais carregada e mais brilhante nunca deve cair por trás de texto. O [texto sobre gradiente](https://gradiently.design/pt-pt/guide/text-on-gradient) explica porquê.
5. **Revê os extremos** Gera muitos resultados e olha para os mais estranhos. Se algum parecer errado, estreita o intervalo.

### Regras fracas

- Qualquer cor de uma gama larga
- Colocação aleatória, incluindo por trás do texto
- Vários materiais misturados à vontade
- Ninguém verifica os resultados

### Regras fortes

- Uma família fixa com um acento opcional
- Luz mantida longe de onde estão as palavras
- Um só material, sempre presente
- Extremos revistos antes do lançamento

## O branding generativo não é geração de imagens por IA

Os dois confundem-se. Um modelo de imagem de IA produz imagens a partir de uma instrução, e a mesma instrução pode devolver resultados muito diferentes. Uma identidade generativa corre regras que **tu** escreveste, por isso o seu alcance é conhecido e um resultado pode ser reproduzido a partir da sua semente. Podes usar a IA para ajudar a desenhar as regras ou a escrever as palavras, mas a identidade vive na receita. Isso torna-a também fácil de entregar: um designer novo, uma agência ou um assistente conseguem seguir regras escritas com muito mais fiabilidade do que imitar um moodboard. A [originalidade do design por IA](https://gradiently.design/pt-pt/guide/ai-design-originality) trata da questão mais ampla de onde vem o resultado da IA.

## Os Marks são receitas

Um Mark do Gradiently funciona com o mesmo princípio. É uma receita de cores, até três materiais, luz, grão, movimento e uma voz tipográfica, desenhada em direto e não guardada como imagem. Compõe-se sozinho para cada tamanho em que desenhas e percebe onde estão as tuas palavras, para que a sua zona mais calma fique por trás delas. Cada Mark tem um código público como `GR·K7Q2·MX` e exatamente um dono de cada vez, por isso a receita por trás do teu aspeto pertence-te. Os [materiais dos Marks explicados](https://gradiently.design/pt-pt/guide/mark-materials-explained) mostram o que entra num.

Publicação a anunciar um mercado de fim de semana ao sábado, sobre uma receita viva de gradiente com a zona calma por trás das palavras

Uma receita desenhada para uma publicação de feed. A mesma receita desenha-se de forma diferente, e correta, para um story ou um banner.

## FAQ

### O que é o branding generativo?

Uma identidade definida como regras, muitas vezes em código, que produzem de cada vez novos visuais fiéis à marca em vez de um logótipo ou fundo fixo.

### Qual é um exemplo de branding generativo?

O logótipo da Visit Nordkyn muda com dados em direto de vento e temperatura, e a identidade do MIT Media Lab de 2011 gerou um logótipo diferente para cada membro.

### O branding generativo é o mesmo que design gerado por IA?

Não. O branding generativo corre regras que a marca escreveu, por isso os resultados são previsíveis e repetíveis. As ferramentas de imagem de IA geram a partir de instruções com muito menos controlo.

### Preciso de programar para usar o branding generativo?

Não necessariamente. As ferramentas que desenham um aspeto como receita em cada tamanho dão-te o benefício essencial sem escreveres código.