# Branding generativo: identidades creadas por sistemas, no por imágenes

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

En lugar de diseñar un logo y un fondo, diseñas las reglas que los crean. El branding generativo convierte una identidad en una receta capaz de cocinar una versión nueva cada vez.

## The short version

- El branding generativo es un enfoque en el que los diseñadores definen reglas, a menudo en código, y un sistema produce los elementos visuales de la marca a partir de ellas.
- El resultado cambia cada vez, pero las reglas hacen que cada versión se reconozca como parte de una misma identidad.
- Visit Nordkyn, en Noruega, es un ejemplo muy citado: su logo cambia de forma y de color con datos meteorológicos en directo.
- Un sistema generativo necesita restricciones fijas, unas pocas variables controladas y una fuente de variación, como una semilla, unos datos o el formato que se va a crear.
- El branding generativo no es generación de imágenes con IA: las reglas las escribe la marca, así que los resultados son predecibles y repetibles.

El **branding generativo** es una identidad definida como un conjunto de reglas y no como un conjunto de imágenes terminadas. Los diseñadores deciden las restricciones (los colores, las formas, los materiales y los límites) y un sistema, a menudo un pequeño fragmento de código, produce una versión nueva del logo o del fondo cada vez que hace falta. Cada resultado es distinto, y aun así todos son claramente la misma marca, porque salen de la misma receta.

## Cómo funciona el branding generativo

Toda identidad generativa, del logo de una escuela de arte a una marca movida por el clima, tiene las mismas tres partes. Cuando sabes nombrarlas, puedes diseñar una.

| Parte | Qué es | Ejemplo |
| --- | --- | --- |
| Restricciones | Lo que nunca cambia | Una familia de violetas sobre un fondo casi negro, una tipografía |
| Variables | Lo que el sistema puede cambiar, dentro de unos límites | Dónde cae la luz, qué tono lidera |
| Fuente | Lo que impulsa cada cambio | Un número semilla, datos en directo, el formato, la fecha |

Las restricciones aportan el reconocimiento, las variables la frescura y la fuente decide cada resultado concreto.

La fuente importa más de lo que parece. Una **semilla** da variedad repetible: el mismo número produce siempre el mismo resultado, así que un diseño puede recrearse con exactitud. Los **datos** atan la identidad a algo real, como el tiempo o la hora. El **formato** permite que el sistema recomponga para una historia o un banner en lugar de recortar.

## Ejemplos de identidades generativas

- **Visit Nordkyn, 2010:** la marca turística de una región del norte de Noruega usa un logo cuya forma depende de la dirección del viento en directo y cuyo color depende de la temperatura, así que refleja el tiempo de ese momento.
- **MIT Media Lab, 2011:** un algoritmo produjo un logo distinto para cada miembro del laboratorio a partir de una retícula compartida de formas superpuestas.
- **OCAD University, 2011:** un marco fijo en blanco y negro se llena con obras de los propios estudiantes de la universidad, así que la identidad se renueva sola.
- **Google Doodles:** no se generan con código, pero son un sistema veterano con una regla fija, el nombre sigue siendo legible, y una variación infinita a su alrededor.

Lo que comparten es la contención. Cada sistema varía una o dos cosas y mantiene algo completamente quieto: un marco, una retícula, un nombre o una forma. La variedad es lo que la gente percibe; lo constante es lo que recuerda. Están muy cerca de la [identidad de marca dinámica](https://gradiently.design/es/guide/dynamic-brand-identity), que trata las identidades cambiantes en general. El branding generativo es el subconjunto en el que los cambios vienen de un sistema y no de un diseñador que hace cada uno a mano.

## Un fondo generativo en unas pocas líneas de código

La idea se ve en un ejemplo diminuto. Las restricciones de la marca son un fondo y una familia de tres violetas. La variable es la posición de la luz, mantenida a la derecha del marco para que nunca quede detrás de un texto alineado a la izquierda. La fuente es una semilla.

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

Cambia la semilla y obtendrás un fondo nuevo; reutiliza una semilla y recuperarás exactamente el mismo. Cada resultado se queda dentro de la familia de la marca.

- Semilla A: lila, arriba: `radial-gradient(circle at 78% 18%, #c084fc 0%, #4c1d95 40%, #120d24 80%)`
- Semilla B: violeta, centro derecha: `radial-gradient(circle at 64% 44%, #7c3aed 0%, #4c1d95 40%, #120d24 80%)`
- Semilla C: violeta, muy a la derecha: `radial-gradient(circle at 88% 30%, #7c3aed 0%, #4c1d95 40%, #120d24 80%)`
- Semilla D: lila, arriba del todo: `radial-gradient(circle at 70% 12%, #c084fc 0%, #4c1d95 40%, #120d24 80%)`

Cuatro resultados que podría producir el código de arriba. Variados, pero nadie los confundiría con cuatro marcas distintas.

## Cómo escribir las reglas de una marca generativa

1. **Parte de un estilo terminado** Diseña a mano una versión que te encante. Las reglas describen lo que la hace funcionar, así que primero necesitas un objetivo.
2. **Separa lo fijo de lo libre** Enumera lo que nunca debe cambiar. Normalmente el fondo, la familia de colores, el material y la tipografía.
3. **Elige una o dos variables** Posición de la luz, tono principal o densidad del patrón. Cada variable extra multiplica las posibilidades de un resultado fuera de marca.
4. **Protege el texto** Convierte la legibilidad en una regla: la zona más recargada y brillante nunca debe caer detrás del texto. [Texto sobre un degradado](https://gradiently.design/es/guide/text-on-gradient) explica por qué.
5. **Revisa los extremos** Genera muchos resultados y mira los más raros. Si alguno no encaja, estrecha el rango.

### Reglas débiles

- Cualquier color de un rango amplio
- Colocación aleatoria, también detrás del texto
- Varios materiales mezclados libremente
- Nadie revisa los resultados

### Reglas sólidas

- Una familia fija con un acento opcional
- La luz lejos de donde va el texto
- Un solo material, siempre presente
- Extremos revisados antes del lanzamiento

## El branding generativo no es generación de imágenes con IA

Ambas cosas se confunden. Un modelo de imagen de IA produce imágenes a partir de un prompt, y el mismo prompt puede dar resultados muy distintos. Una identidad generativa ejecuta reglas que escribiste **tú**, así que su rango es conocido y cualquier resultado puede reproducirse a partir de su semilla. Puedes usar IA para ayudarte a diseñar las reglas o a escribir los textos, pero la identidad vive en la receta. Eso también hace que sea fácil de traspasar: un diseñador nuevo, una agencia o un asistente pueden seguir unas reglas escritas con mucha más fiabilidad que imitar un moodboard. [Originalidad en el diseño con IA](https://gradiently.design/es/guide/ai-design-originality) trata la cuestión más amplia de dónde sale lo que produce la IA.

## Los Marks son recetas

Un Mark de Gradiently funciona con el mismo principio. Es una receta de colores, hasta tres materiales, luz, grano, movimiento y una voz tipográfica, renderizada en directo en lugar de guardada como imagen. Se compone solo para cada tamaño en el que diseñas y lee dónde está tu texto para que su zona más tranquila quede detrás. Cada Mark tiene un código público como `GR·K7Q2·MX` y exactamente un titular a la vez, así que la receta que hay detrás de tu estilo te pertenece. [Los materiales de un Mark, explicados](https://gradiently.design/es/guide/mark-materials-explained) muestra qué lleva dentro.

Una publicación que anuncia un mercadillo de los sábados sobre una receta de degradado viva con la zona tranquila detrás del texto

Una receta renderizada para una publicación del feed. La misma receta se renderiza de otra manera, y correctamente, para una historia o un banner.

## FAQ

### ¿Qué es el branding generativo?

Una identidad definida como reglas, a menudo en código, que producen elementos visuales nuevos y fieles a la marca cada vez, en lugar de un logo o un fondo fijos.

### ¿Qué ejemplo hay de branding generativo?

El logo de Visit Nordkyn cambia con datos de viento y temperatura en directo, y la identidad del MIT Media Lab de 2011 generaba un logo distinto para cada miembro.

### ¿El branding generativo es lo mismo que el diseño generado con IA?

No. El branding generativo ejecuta reglas que escribió la marca, así que los resultados son predecibles y repetibles. Las herramientas de imagen con IA generan a partir de prompts con mucho menos control.

### ¿Necesito programar para usar branding generativo?

No necesariamente. Las herramientas que renderizan un estilo como una receta a cualquier tamaño te dan la ventaja principal sin que tengas que escribir código.