# Co-branding: diseñar para dos marcas a la vez [Canonical HTML page](https://gradiently.design/es/guide/co-branding-design) Dos logos, dos paletas, dos manuales de normas y una sola publicación. Así se diseña una colaboración para que las dos marcas se reconozcan y la colaboración parezca algo de verdad. ## The short version - El diseño de co-branding coloca dos marcas en una misma pieza manteniendo reconocible cada una. - Un bloque de logos compartido coloca ambos logos con el mismo peso visual, separados por una línea fina o un signo de multiplicar, con un espacio de respeto común. - Toda pieza de co-branding necesita un aspecto que mande: el de la marca anfitriona, el de la socia o un fondo neutro creado para la colaboración. - Acordar por escrito el orden de los logos, los colores, las aprobaciones y los tamaños de archivo antes de diseñar evita la mayoría de los retrasos. - Un aspecto propio para la colaboración permite que ambos públicos la reconozcan como algo con entidad propia. El **co-branding** se da cuando dos marcas ponen su nombre en lo mismo: un producto, un evento, una campaña o una sola publicación. El reto de diseño es mostrar ambas con claridad sin que una se trague a la otra y sin que el resultado parezca dos anuncios pegados. Las herramientas básicas son un bloque de logos bien construido, una decisión sobre qué lenguaje visual manda y un breve acuerdo de normas antes de que nadie abra un archivo de diseño. ## Tipos de co-branding y lo que necesita cada uno | Tipo | Ejemplo | Qué aspecto suele mandar | | --- | --- | --- | | Lanzamiento en colaboración | Una cafetería y una ceramista sacan juntas una taza | Un aspecto creado para la colaboración | | Patrocinio | Una cervecera local patrocina la carrera de un club de running | El del evento o el club; el patrocinador aparece en el bloque de logos | | Ingrediente o socio | Una panadería usa la harina de un molino concreto | El del vendedor; el socio aparece con discreción | | Evento conjunto | Dos estudios organizan un taller compartido | El del lugar anfitrión, o un aspecto neutro compartido | | Causa solidaria | Una tienda dona parte de una venta a una ONG | El de la campaña; se aplican las normas de la ONG sobre su logo | El tipo de colaboración te dice cuánto deben igualarse las dos marcas. No todo co-branding es al cincuenta por ciento. > **La igualdad es una decisión, no algo por defecto** Antes de diseñar, haz a las dos partes una pregunta: ¿es una colaboración entre iguales o un anfitrión con un invitado? La respuesta fija el tamaño de los logos, el orden, el separador y qué colores mandan. No hablarlo es el motivo más común de que un trabajo de co-branding pase por rondas interminables de cambios mínimos. ## Cómo construir un bloque de logos compartido Un bloque de logos es la disposición fija de los dos logos juntos. Construido una vez y reutilizado, ahorra discusiones en cada pieza posterior. El objetivo es el mismo peso *visual*, que casi nunca coincide con el mismo tamaño medido: un logotipo ancho y un símbolo compacto necesitan alturas distintas para verse equilibrados. 1. **Usa los archivos aprobados de cada marca** Pide los SVG y las normas de la otra marca. Nunca redibujes, cambies de color ni estires el logo de otra persona. 2. **Elige un separador** Una línea vertical fina, un signo de multiplicar (×) o la palabra «con». El × se lee como una colaboración entre iguales; «con» o «presentado por» indica un anfitrión. 3. **Equilibra a ojo** Escala los logos hasta que parezcan tener el mismo peso. Los logotipos de texto suelen quedar más bajos que los símbolos. 4. **Fija un espacio de respeto común** Usa alrededor de todo el bloque la mayor de las dos normas de espacio de respeto. 5. **Acuerda el orden** Lo habitual es poner primero al anfitrión o a quien inició la colaboración. Déjalo por escrito para que no cambie entre piezas. 6. **Haz versiones clara y oscura** Cada logo en un solo color, para usar sobre fondos oscuros y claros. [Variantes de logo](https://gradiently.design/es/guide/logo-variations) repasa las versiones que entregan la mayoría de las marcas. ```text [ LOGO A ] × [ LOGO B ] └── mismo peso visual ──┘ espacio de protección = la mayor de las reglas de A y B, por todos los lados separador = línea fina, ×, o «con» / «presentado por» orden = anfitrión o impulsor primero color = cada logo en un color plano para fondos claros u oscuros ``` Una especificación del bloque de logos que puedes pegar en el brief de la colaboración y acordar antes de diseñar. Una vez acordado, exporta el bloque como archivo propio en las dos versiones de color y compártelo con la otra marca. Así cada pieza posterior usa el mismo archivo en lugar de que lo reconstruya quien diseñe ese día. ## Decidir qué aspecto manda Dos [lenguajes visuales](https://gradiently.design/es/guide/visual-brand-language) completos en un mismo lienzo se pelean. Elige uno que mande y deja que el otro aparezca a través del bloque de logos y quizá un color de acento. Para colaboraciones de verdad, considera una tercera opción: un aspecto creado solo para la colaboración, que ambos públicos ven como algo nuevo. - Cafetería: espresso: #1a1714 - Cafetería: crema: #c8a27a - Compartido: hueso: #efe8dc - Ceramista: azul esmalte: #2f5d73 - Ceramista: celadón: #8fb3c2 Una paleta compartida para la colaboración entre una cafetería y una ceramista: cada marca conserva sus colores característicos, unidos por un neutro con el que las dos se sienten cómodas. Una publicación vertical de Instagram que anuncia la colaboración entre una cafetería y un estudio de cerámica, con los dos nombres unidos por un signo de multiplicar El anuncio de una colaboración con un aspecto creado para ella, con los dos nombres al mismo peso. El mismo anuncio de colaboración como historia vertical, con los dos nombres y el fondo compartido La misma pieza como historia, para que ambas marcas la compartan desde sus propias cuentas. Una superficie propia para la colaboración es lo que hace que se sienta como un acontecimiento y no como un anuncio. [Branding de eventos](https://gradiently.design/es/guide/event-branding) aplica la misma idea a ocasiones puntuales, y [la textura de marca](https://gradiently.design/es/guide/brand-texture) explica cómo un material por sí solo puede sostener un aspecto. ## Publicaciones de colaboración en redes sociales Las publicaciones colaborativas de Instagram permiten que una publicación aparezca en los perfiles de las dos marcas y compartan los me gusta y los comentarios. Eso hace doblemente importante el diseño, porque vive en dos cuadrículas distintas. Diséñala para que encaje junto a las publicaciones recientes de ambas marcas, o para que destaque claramente en las dos. ### Evita - Dos estilos de marca completos en un mismo lienzo - Un logo bastante más grande por descuido - Cambiar el color del logo de la otra marca para que combine - Un bloque de logos distinto en cada publicación - Texto tan pequeño que desaparece en una de las cuadrículas ### Haz - Un aspecto que manda, y el otro en el bloque de logos - Logos equilibrados a ojo y luego fijados - Cada logo en sus colores aprobados o en un solo color plano - Un mismo bloque de logos reutilizado en todo - Un titular que se lea al tamaño de la cuadrícula Acuerda también los tamaños desde el principio: una publicación de 1080×1350, una historia de 1080×1920 y, para eventos, una portada de evento de Facebook de 1920×1005. [Diseño de publicaciones de anuncio](https://gradiently.design/es/guide/announcement-post-design) tiene maquetaciones que encajan con las noticias de una colaboración. ## El brief de co-branding: acordar antes de diseñar - Quién diseña, quién aprueba en cada lado y cuántas rondas de cambios hay. - El orden de los logos, el separador y los archivos del bloque de logos. - Qué aspecto manda y qué colores de cada marca pueden aparecer. - Las palabras: el nombre de la colaboración, los hashtags y cómo se menciona a cada uno. - Formatos, tamaños y la fecha de entrega de cada pieza. En Gradiently, una cuenta puede llevar varias marcas, así que tu propio aspecto y el de la colaboración pueden convivir sin mezclar kits. Con Pro, puedes invitar a la otra marca a un espacio de trabajo de equipo como editora o lectora, y los comentarios sobre los diseños reúnen las opiniones en un solo sitio en lugar de dispersarlas por el email. Un Mark reservado para la colaboración le da una superficie que ninguna de las dos marcas ha usado antes. ## FAQ ### ¿Qué es el co-branding en diseño? Es diseñar una sola pieza, como un producto, una publicación o un evento, que lleva dos marcas manteniendo reconocible cada una. ### ¿Cómo se ponen dos logos juntos? Construyendo un bloque de logos: los dos con el mismo peso visual, separados por una línea fina, un × o la palabra «con», con un espacio de respeto común alrededor del conjunto. ### ¿Qué logo va primero en un diseño de co-branding? Normalmente el del anfitrión o la marca que inició la colaboración. Déjalo acordado por escrito para que sea igual en todas las piezas. ### ¿Puedo cambiar el color del logo de la otra marca para que combine con mi diseño? Solo si sus normas de marca lo permiten. La mayoría admite una versión a un color sobre fondos claros u oscuros, pero no recolorearlo a medida.