La versión corta
- 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.
En esta página
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
Ejemplo
Qué aspecto suele mandar
Ejemplo
Qué aspecto suele mandar
Ejemplo
Qué aspecto suele mandar
Ejemplo
Qué aspecto suele mandar
Ejemplo
Qué aspecto suele mandar
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 repasa las versiones que entregan la mayoría de las marcas.
[ 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 oscurosUna 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 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.
El anuncio de una colaboración con un aspecto creado para ella, con los dos nombres al mismo peso.
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 aplica la misma idea a ocasiones puntuales, y la textura de marca 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 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.
Preguntas frecuentes
¿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.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil