# Degradado de marca: cómo convertir un degradado en tu firma [Canonical HTML page](https://gradiently.design/es/guide/brand-gradient-system) Algunas marcas se reconocen por una esquina de color antes de ver el logo. Nunca es casualidad. Así se construye un degradado de marca que funcione como firma y no como decoración. ## The short version - Un degradado de marca solo funciona como firma cuando es distintivo, está especificado con exactitud y se usa de la misma manera en cada punto de contacto. - Una especificación completa de degradado de marca cubre el color de fondo, la familia de colores, de dónde viene la luz, la textura de la superficie, el grano y cualquier movimiento. - Todo degradado de marca necesita un color plano de reserva para tamaños pequeños, impresión a una tinta y bordados. - El reconocimiento viene de la repetición, así que un degradado característico debe aparecer en la misma función y en una cantidad parecida en publicaciones, presentaciones y envases. - Los degradados son difíciles de proteger legalmente, y por eso la diferenciación y el uso constante importan más que cualquier elección de color concreta. Un **degradado de marca** se convierte en tu firma cuando se cumplen tres cosas: no se parece al de nadie, está especificado con tanta precisión que cualquier diseñador lo reproduce igual y aparece siempre en la misma función. La mayoría de los degradados de marca fallan la primera prueba porque parten de un preset popular, y el resto fallan la segunda porque viven como una imagen exportada en lugar de como una receta. Construye el recurso con intención y podrá hacer el trabajo de un logo desde el otro lado de una sala. ## Qué separa una firma de un degradado bonito ### Decoración - De violeta a rosa, porque quedaba bien - Rehecho a ojo en cada diseño - Ángulo y colores distintos según quién diseñe - Usado en todas partes, así que no significa nada - Se rompe en tamaño favicon y en impresión a una tinta ### Firma - Un territorio de color que la competencia no usa - Una receta escrita, guardada como tokens - La luz siempre viene del mismo sitio - Reservado para momentos concretos, así que se nota - Tiene una versión plana planificada Los argumentos generales para tener activos visuales propios están en [activos de marca distintivos](https://gradiently.design/es/guide/distinctive-brand-assets). Este artículo trata de la construcción práctica. ## Cómo crear un degradado de marca, paso a paso 1. **Mapea tu categoría** Haz capturas de los feeds, webs y envases de diez competidores y ponlos juntos. Apunta qué tonos y mezclas se repiten. Tu degradado debería vivir donde esa pared está vacía. 2. **Elige un fondo** Decide primero oscuro o claro. Un fondo profundo hace brillar el color y se lee como premium; un blanco roto cálido se lee como impreso y tranquilo. El fondo transmite el ambiente más que el acento. 3. **Elige una familia pequeña** De tres a cinco colores relacionados y como mucho un acento. Los vecinos cercanos se mezclan limpios; los opuestos se vuelven grises, como explica [degradados sucios](https://gradiently.design/es/guide/muddy-gradients). 4. **Decide de dónde viene la luz** Un brillo bajo en una esquina, una franja en la parte superior, un foco detrás del centro. Fijar la fuente de luz es lo que hace reconocible el degradado cuando se recorta. 5. **Añade una superficie** Grano, papel, seda o cristal. Un material separa tu degradado de un ajuste por defecto de pantalla. [Textura en degradados](https://gradiently.design/es/guide/gradient-texture) compara las opciones. 6. **Prueba el reconocimiento** Crea cinco diseños, tapa los logos y enséñaselos a alguien que conozca la marca. Si la nombra solo por el color, funciona. Luz cobre sobre verde azulado profundo: `radial-gradient(circle at 20% 85%, #f59e0b 0%, #b45309 18%, #134e4a 55%, #042f2e 100%)` Un ejemplo de firma: un fondo verde azulado profundo iluminado con cobre desde abajo a la izquierda. El verde azulado y el cobre tienen una calidez lo bastante cercana como para mezclarse a través del marrón y no del gris, y la luz de la esquina es lo que la gente recuerda. ## Escribe la receta, no solo los colores Los códigos hex por sí solos no definen un degradado. Dos diseñadores con los mismos cuatro colores obtendrán dos resultados distintos, porque el carácter vive en la posición de las paradas, la dirección y la textura. Escribe una especificación que alguien nuevo pueda seguir sin preguntarte. | Parte | Especificación de ejemplo | | --- | --- | | Fondo | Verde azulado profundo `#042f2e`, al menos la mitad de la superficie | | Familia | `#134e4a` verde azulado, `#b45309` cobre, `#f59e0b` ámbar | | Luz | Radial, centrada abajo a la izquierda, nunca detrás del titular | | Paradas | 0%, 18%, 55%, 100% | | Superficie | Grano monocromo fino, apenas visible a tamaño completo | | Movimiento | La luz se desplaza despacio por el borde inferior; en bucle | | Versión plana | Verde azulado profundo plano con el cobre como único acento | Una especificación de degradado de marca en una página. Ponla en la [guía de estilo de marca](https://gradiently.design/es/guide/brand-style-guide) y guarda los valores como código. ## Planifica la versión plana Un degradado desaparece en tamaño favicon, en impresión a una tinta, en bordados y en algunos clientes de correo. Elige ahora las versiones planas en lugar de dejar que cada proveedor adivine. Normalmente es el color de fondo como color plano principal y el color de luz más brillante como único acento. - Fondo, plano principal: #042f2e - Luz, acento plano: #f59e0b - Verde azulado, secundario: #134e4a - Papel, para texto: #fdf6ec La paleta plana que sustituye al degradado en un favicon, un sello, un uniforme o un correo de solo texto. ## Úsalo en la misma función en todas partes El reconocimiento se construye repitiendo en una función constante. Decide dónde aparece el degradado de marca: quizá portadas, lanzamientos y la parte superior de cada presentación, con los colores planos haciendo el trabajo diario. Una firma usada en todo se convierte en papel pintado. [Coherencia de marca](https://gradiently.design/es/guide/brand-consistency) cuenta más sobre reglas que los equipos sí cumplen. - Historia 1080×1920: 1080 × 1920 - Publicación 1080×1350: 1080 × 1350 - Banner de LinkedIn 1584×396: 1584 × 396 - Diapositiva 1920×1080: 1920 × 1080 - Tarjeta de visita 1050×600: 1050 × 600 Cinco puntos de contacto con formatos muy distintos. La luz de la esquina tiene que caer en el mismo lugar relativo en cada uno, lo que obliga a generar el degradado para cada formato en lugar de recortar una imagen. ## Cómo proteger un degradado de marca Los colores y los degradados son difíciles de proteger por ley, y los detalles dependen del país y de un uso largo y demostrado; [¿se puede proteger un degradado con derechos de autor?](https://gradiently.design/es/guide/can-you-copyright-a-gradient) expone el panorama general sin dar asesoramiento legal. En la práctica, la protección que tienen la mayoría de las marcas es la diferenciación más la constancia: un estilo tan ligado a ti que copiarlo solo haría que la gente se acordara de ti. Gradiently se creó para cubrir ese hueco. Un Mark es una receta acabada de colores, materiales, luz, grano y movimiento, comparada con todos los demás Marks para no aceptar nada demasiado parecido, y tiene un único dueño a la vez. Al reservarlo, tu nombre queda en su registro público con un certificado numerado, y solo tú puedes exportar diseños con él. Es un registro, no una marca registrada, pero significa que tu firma no puede aparecer en el feed de un competidor hecha con la misma herramienta. Una publicación vertical con una sola línea breve sobre un fondo de degradado iluminado y característico Un degradado de marca haciendo su trabajo: el color y la luz llevan la identidad, así que las palabras pueden ser pocas. ## FAQ ### ¿Qué es un degradado de marca? Un degradado que una marca usa con constancia como parte de su identidad, especificado con exactitud para poder reproducirlo igual en todas partes. ### ¿Cómo creo un degradado característico para mi marca? Busca un territorio de color que tu competencia no use, elige un fondo y una familia pequeña de colores, fija de dónde viene la luz, añade una textura de superficie y comprueba si la gente lo reconoce sin el logo. ### ¿Qué debe incluir la guía de uso de un degradado de marca? El color de fondo, la familia de colores con códigos hex, la posición de las paradas, la dirección de la luz, la textura, cualquier movimiento y una versión en color plano. ### ¿Puedo registrar como marca mi degradado? Proteger legalmente colores y degradados es difícil y depende del país y del uso demostrado, así que consulta a un abogado de marcas. El uso distintivo y constante es la protección en la que confían la mayoría de las marcas. ### ¿Un degradado de marca necesita una versión plana? Sí. Los favicons, la impresión a una tinta, los bordados y algunos clientes de correo no pueden mostrar un degradado, así que planifica los colores planos con antelación.