Textura de marca: la cualidad material que hace tuyo un estilo

La textura de marca es la cualidad material de todo lo que una marca pone sobre una superficie: el grano de un fondo, la textura de un papel, el brillo del cristal, la dirección y la suavidad de la luz. Es la diferencia entre un color en una pantalla y un color sobre algo. Dos marcas pueden compartir paleta y fuente, pero si una va sobre un grano de película fino y la otra sobre cristal limpio, nadie las confundirá.

La textura es también una de las pocas partes de un estilo que se resisten a la copia. Cualquiera puede sacar tus códigos hex de una captura. Reproducir tu grano exacto, su tamaño, su densidad, la forma en que la luz cae sobre él, es mucho más difícil, lo que la convierte en una gran candidata a firma de tu identidad visual.

Qué hace la textura por una marca

La textura lleva asociaciones que la gente capta al instante, mucho antes de leer una palabra. Responde a preguntas como: ¿esto está hecho a mano o fabricado, es cálido o frío, cotidiano o especial?

Ninguna es mejor que otra. Lo que importa es que la textura esté de acuerdo con lo que dices de ti. Una marca que habla de oficio lento y publica sobre cristal brillante manda un mensaje contradictorio. Personalidad de marca es un buen punto de partida si no tienes claro qué debería decir la tuya.

Grano, material y luz: las tres capas

Casi todas las texturas que se sienten ricas se construyen con tres capas. Pensar en ellas por separado convierte la textura en algo que puedes diseñar a propósito en lugar de un filtro que aplicas al final.

1. 1

   Material

   El comportamiento base de la superficie: cómo fluye el color por ella. Mezclas suaves, pliegues delicados, formas líquidas o facetas nítidas.

2. 2

   Luz

   De dónde viene y lo dura que es. Una luz suave desde una esquina da profundidad; una iluminación uniforme se ve plana y digital.

3. 3

   Grano

   El ruido fino de encima. Un poco hace que una superficie se sienta real y disimula el banding; demasiado se ve sucio y compite con las palabras.

Para la capa de grano en la web, basta con un pequeño ruido SVG sobre el fondo. Mantén la opacidad baja; quieres sentirlo más que verlo.

.brand-surface {
  position: relative;
  background: radial-gradient(circle at 80% 15%, #a5b4fc 0%, #4338ca 30%, #1e1b4b 70%);
}

.brand-surface::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.12;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

Degradados con grano tiene más recetas de grano, y banding en degradados explica por qué el ruido es también la solución habitual a las franjas visibles en mezclas suaves.

Cómo elegir la textura de tu marca

• Empieza por una palabra. Escribe la sensación concreta que quieres que tenga la gente, como «artesanal» o «preciso», y elige la familia que encaje.
• Pruébala detrás de las palabras. La textura vive bajo titulares, precios y fechas. Si los hace más difíciles de leer a tamaño móvil, es demasiado fuerte.
• Compruébala en los dos extremos. Mírala en una historia de 1080×1920 y en una tarjeta de visita de 1050×600. Un grano que se ve bien en grande puede volverse papilla en pequeño.
• Compruébala impresa. Un grano que luce en pantalla puede parecer un fallo de impresión en papel. Imprime un flyer A5 antes de decidirte.

Errores que hacen que la textura parezca barata

El último punto pilla a muchas marcas. Cuando una imagen con textura se estira de una publicación cuadrada a un banner ancho, el grano también se estira y la luz cae en un sitio raro. Una textura debe generarse al tamaño en que se usa, algo que también trata textura de fondo.

Cómo hacer tuya una textura

Una capa de ruido gratuita está al alcance de todo el mundo, y ese es justo el problema: cuanto más popular se vuelve una textura, menos dice de ti. Para que una textura sea tuya, tiene que ser una combinación concreta que nadie más esté usando.

Para eso está hecho un Mark de Gradiently. Cada Mark es una receta de colores, hasta tres materiales superpuestos, luz, grano y movimiento, y cada uno se compara con todos los demás para que no haya dos iguales. Se genera en vivo a cada tamaño en que diseñas, así que el grano y la luz siempre quedan bien, y suaviza su detalle detrás de tus palabras para que los titulares sigan siendo legibles. Cuando reservas un Mark, solo tú puedes exportar con él. Materiales de los degradados explica las capas de material con más detalle.