# Branding con degradados: cómo ser dueño de una identidad propia [Canonical HTML page](https://gradiently.design/es/guide/gradient-branding) Los degradados están en todas partes, y ese es justo el problema. Así conviertes uno en una identidad que la gente reconoce, en lugar de un fondo que cualquiera podría usar. ## The short version - El branding con degradados consiste en usar una mezcla concreta de colores como parte central y reconocible de una marca, del modo en que otras marcas usan un solo color. - Un degradado solo funciona como branding cuando es coherente: los mismos colores, dirección, textura y comportamiento en todos los sitios donde aparece la marca. - Los degradados populares los comparten miles de marcas, así que un degradado construido a partir de un preajuste rara vez llega a ser reconocible por sí solo. - Las identidades de degradado más fuertes añaden algo más difícil de copiar que el color: un material, una textura, una manera de moverse o de dejar espacio a las palabras. - Toda identidad de degradado necesita un color liso de reserva para tamaños pequeños, impresión a un color y lugares donde los degradados no pueden renderizarse. El **branding con degradados** consiste en usar una mezcla concreta de colores como parte central de cómo te reconoce la gente, del modo en que otra marca podría ser dueña de un solo rojo. Bien hecho, el degradado se convierte en una firma: la gente ve la esquina de una publicación o una franja de una cabecera y sabe de quién es antes de leer una palabra. Mal hecho, se convierte en un fondo agradable que podría ser de cualquiera, porque ya lo es. Esta guía cubre por qué los degradados se convirtieron en firmas de marca, por qué la mayoría no llega a ser reconocible y los pasos prácticos para construir uno que puedas llamar tuyo. Si el tema es nuevo para ti, empieza por [qué es un degradado](https://gradiently.design/es/guide/what-is-a-gradient) y los [tipos de degradados](https://gradiently.design/es/guide/types-of-gradients). ## Por qué las marcas pasaron del color liso a los degradados El diseño plano dominó las pantallas durante años porque era limpio, rápido y fácil de mantener coherente. Pero el color liso tiene un techo: solo hay un número limitado de tonos distinguibles, y la mayoría de las categorías ya tienen un color que todos usan. Un degradado multiplica las opciones. Dos o tres colores, una dirección y una textura te dan un espacio de combinaciones lo bastante grande para encontrar algo distintivo. Los degradados también se sienten vivos en pantalla. Una mezcla sugiere luz, profundidad y movimiento de un modo que un solo color no puede, y por eso aparecen tantas veces en iconos de apps, páginas de lanzamiento y vídeos de producto. Una publicación social vertical con el titular Abierto hasta tarde los viernes sobre un degradado oscuro y luminoso Una identidad de degradado en una publicación de feed… Una story vertical que anuncia un menú nuevo sobre el mismo degradado que la publicación de al lado …y en una story. El mismo material, otro trabajo. ## Por qué la mayor parte del branding con degradados no es reconocible Lo mismo que hizo fáciles los degradados los hizo comunes. Las herramientas de diseño traen los mismos preajustes, los generadores sugieren las mismas parejas y las tendencias empujan a todos hacia la misma mezcla de morado a rosa o de azul a turquesa al mismo tiempo. Cuando miles de marcas parten de los mismos pocos cientos de degradados, esos degradados dejan de pertenecer a nadie. - Violeta a rosa: `linear-gradient(135deg, #7f5af0 0%, #ff6ac1 100%)` - Azul a cian: `linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)` - Orquídea a coral: `linear-gradient(135deg, #f093fb 0%, #f5576c 100%)` - Verde a aguamarina: `linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)` Mezclas de dos colores muy vistas. Cada una es atractiva, y cada una la usan tantas marcas que ninguna dice quién eres. Hay una segunda trampa: la incoherencia. Una marca usa un degradado en su web, uno algo distinto en redes y un tercero en sus presentaciones porque alguien lo reconstruyó de memoria. El reconocimiento viene de la repetición, y la repetición necesita que el degradado sea el mismo cada vez. Nuestra guía de [coherencia de marca](https://gradiently.design/es/guide/brand-consistency) profundiza en por qué. ## Qué hace que un degradado pueda ser tuyo El color por sí solo es fácil de tomar prestado. Lo que hace difícil de copiar una identidad de degradado es todo lo que rodea al color. Piensa en una identidad de degradado como una receta y no como una muestra. | Ingrediente | Qué hace | Qué tan difícil es de copiar | | --- | --- | --- | | Colores | Lo primero que nota la gente | Fácil: cualquiera puede tomar una muestra de un código hex | | Dirección y estructura | Campos lineales, radiales, de malla o fluidos | De fácil a moderado | | Material y textura | Grano, seda, cristal, papel, luz | Difícil: vive en cómo se comporta la superficie | | Movimiento | Cómo deriva o fluye el color | Difícil: necesita el mismo sistema para reproducirlo | | Comportamiento con las palabras | Cómo el campo deja espacio al texto | Muy difícil sin el mismo sistema | Cuanto más abajo en la lista, más se convierte un degradado en tuyo. Este es el razonamiento detrás de los activos de marca distintivos: los elementos que desencadenan el reconocimiento por sí solos, sin un logotipo. Un degradado se convierte en uno de esos activos solo cuando su receta completa se mantiene coherente. Lee más en [activos de marca distintivos](https://gradiently.design/es/guide/distinctive-brand-assets). ## Cómo construir una identidad de degradado, paso a paso 1. **Parte de lo que quieres que la gente sienta** Escribe tres palabras para el carácter de tu marca, como *calmada, precisa, cálida*. Deciden la temperatura, el contraste y la textura antes de que mires un solo color. [Personalidad de marca](https://gradiently.design/es/guide/brand-personality) tiene un método sencillo. 2. **Elige una base** Decide si tu degradado vive sobre una base oscura o clara. Las bases oscuras hacen brillar el color; las claras se sienten aireadas e impresas. La mayoría de las identidades eligen una y la mantienen. 3. **Elige de tres a cinco colores, no dos** Las mezclas de dos colores son las más copiadas. Una pequeña familia de colores relacionados con un acento te da profundidad y más posibilidades de ser distintivo. Comprueba que las transiciones no se vuelvan grises en el centro; mira [degradados turbios](https://gradiently.design/es/guide/muddy-gradients). 4. **Añade un material** El grano, un brillo de seda, una luz suave o el tacto del papel cambian cómo se leen los mismos colores. Aquí vive la mayor parte del carácter, y es la parte que un cuentagotas de color no puede copiar. 5. **Decide cómo se comporta con las palabras** Tu degradado llevará titulares, precios y fechas. Decide dónde va el texto y cómo el fondo le deja espacio. [Texto sobre un degradado](https://gradiently.design/es/guide/text-on-gradient) cubre las opciones. 6. **Fija un color liso de reserva** Elige un color liso del degradado para favicons, tamaños diminutos, bordados e impresión a un color. Una identidad de degradado sin reserva se rompe en tamaños pequeños. 7. **Déjalo por escrito y úsalo en todas partes** Anota los colores, la dirección, la textura y la reserva en tu [guía de estilo de marca](https://gradiently.design/es/guide/brand-style-guide), y luego aplícalo a todos los formatos en la misma semana. - Base de medianoche: #0e0a1f - Amatista profunda: #3b1d6e - Luz violeta: #8b5cf6 - Rosa brasa: #f472b6 - Realce cálido: #fcd9c4 Una familia de degradado: una base oscura, tres colores conectados y un realce cálido. El realce se usa con moderación, que es lo que lo hace memorable. ## Mantener un degradado coherente en todos los formatos Una publicación cuadrada, una story vertical y un banner de tres a uno son problemas distintos. Estirar una sola imagen de degradado en todos ellos la deforma y lleva su parte más brillante al lugar equivocado. La solución es tratar el degradado como algo que renderizas para cada forma, no como una imagen que recortas. - Publicación 4:5: 1080 × 1350 - Story 9:16: 1080 × 1920 - Cabecera de X 3:1: 1500 × 500 - Diapositiva 16:9: 1920 × 1080 La misma identidad, renderizada para cada formato en lugar de recortada de una sola imagen. ### Evita - Reconstruir el degradado de memoria en cada archivo nuevo - Recortar una imagen ancha para todos los formatos - Un degradado distinto para cada plataforma - Ningún color liso para tamaños pequeños ### Haz - Una receta escrita que todos usan - Renderizar el degradado para cada tamaño - Una identidad, con variación en la composición y las palabras - Un único color de reserva elegido de la familia ## Hacerte dueño de un degradado de verdad Incluso un degradado construido con cuidado puede ser copiado y reutilizado por otra persona. Por eso Gradiently trata una identidad de degradado como un **Mark**: una receta viva de colores, materiales, luz, grano y movimiento que se renderiza detrás de todo lo que diseñas, con un código público y exactamente un propietario a la vez. Antes de publicar cualquier Mark nuevo, se compara con todos los demás, y todo lo que se le parezca demasiado se rechaza, para que el aspecto que reservas no esté en el feed de otra persona. Un Mark es una identidad de degradado con propietario: su página muestra su código, su creador y quién lo tiene ahora. Puedes explorar miles de Marks en el [Mercado](/market), diseñar con cualquiera de ellos gratis y reservar el que se sienta como tú. O crear el tuyo en la [Forge](/forge), a partir de una frase o control a control. > **Una prueba rápida** Tapa tu logotipo y tus palabras y enseña a un desconocido tres de tus publicaciones junto a tres de un competidor. Si no sabe decir cuáles son tuyas, tu degradado todavía no hace el trabajo de una identidad. ## FAQ ### ¿Qué es el branding con degradados? El branding con degradados es usar una mezcla concreta de colores como parte central y reconocible de la identidad de una marca, aplicada con coherencia en todos los formatos, como un color de marca propio. ### ¿Se puede registrar un degradado como marca? La protección de colores y combinaciones de colores depende del país y suele exigir demostrar que la gente ya asocia esos colores con tu marca. Para dudas legales, consulta a un profesional de marcas registradas. ### ¿Cuántos colores debe tener un degradado de marca? De tres a cinco colores relacionados suelen funcionar mejor: los suficientes para dar profundidad y carácter distintivo, los pocos para mantener la coherencia. Las mezclas de dos colores son las más fáciles de copiar. ### ¿Funcionan los logotipos con degradado en tamaños pequeños? A menudo no. Toda identidad de degradado debe incluir un color liso de reserva para favicons, iconos pequeños e impresión a un color, tomado de la familia del degradado. ### ¿Cómo hago único mi degradado? Ve más allá del color: añade un material o una textura, decide cómo se mueve y cómo deja espacio a las palabras, y mantenlo idéntico en todas partes. Con Gradiently también puedes reservar un Mark, una identidad de degradado con exactamente un propietario.