# Co-branding: design para duas marcas ao mesmo tempo

[Canonical HTML page](https://gradiently.design/pt-br/guide/co-branding-design)

Dois logos, duas paletas, dois conjuntos de regras e um post. Veja como criar uma parceria para que as duas marcas pareçam elas mesmas e a colaboração pareça uma coisa de verdade.

## The short version

- O design de co-branding coloca duas marcas em uma mesma peça mantendo cada uma reconhecível.
- Um lockup de logos em co-branding coloca os dois logos com o mesmo peso visual, separados por um fio fino ou um sinal de multiplicação, com área de respiro compartilhada.
- Toda peça em co-branding precisa de um visual que lidere: o da marca anfitriã, o da parceira ou um fundo neutro criado para a colaboração.
- Combinar por escrito a ordem dos logos, as cores, as aprovações e os tamanhos de arquivo antes de criar evita a maior parte dos atrasos em parcerias.
- Um visual próprio para a colaboração faz os dois públicos reconhecerem a parceria como algo à parte.

**Co-branding** é quando duas marcas colocam o nome na mesma coisa: um produto, um evento, uma campanha ou um único post. O desafio de design é mostrar as duas com clareza sem que uma engula a outra e sem que o resultado pareça dois anúncios colados. As ferramentas principais são um lockup de logos bem construído, uma decisão sobre qual linguagem visual lidera e um acordo curto de regras antes que alguém abra um arquivo de design.

## Tipos de co-branding e o que cada um pede

| Tipo | Exemplo | Qual visual costuma liderar |
| --- | --- | --- |
| Lançamento em collab | Um café e uma ceramista lançam uma caneca juntos | Um visual criado para a colaboração |
| Patrocínio | Uma cervejaria local patrocina a corrida de um clube de corrida | O evento ou o clube; o patrocinador aparece em um lockup |
| Ingrediente ou parceiro | Uma padaria usa a farinha de um moinho conhecido | Quem vende; o parceiro recebe um crédito discreto |
| Evento conjunto | Dois estúdios organizam um workshop juntos | O local anfitrião, ou um visual neutro compartilhado |
| Parceria por uma causa | Uma loja doa parte de uma venda para uma instituição | A campanha; valem as regras da instituição sobre o logo dela |

O tipo de parceria diz quão iguais as duas marcas devem parecer. Nem todo co-branding é meio a meio.

> **Igualdade é uma decisão, não um padrão** Antes de criar, faça uma pergunta aos dois lados: é uma parceria entre iguais ou um anfitrião com um convidado? A resposta define o tamanho dos logos, a ordem, o separador e de quem são as cores que lideram. Deixar isso sem dizer é o motivo mais comum para peças de co-branding passarem por rodadas infinitas de mudanças mínimas.

## Como montar um lockup de logos em co-branding

Um lockup é a disposição fixa dos dois logos juntos. Construído uma vez e reutilizado, ele evita discussões em todas as peças seguintes. O objetivo é peso *visual* igual, que raramente é o mesmo tamanho medido: um logotipo largo e um símbolo compacto precisam de alturas diferentes para parecerem equilibrados.

1. **Use os arquivos aprovados de cada marca** Peça os SVGs e as regras da parceira. Nunca redesenhe, mude a cor ou estique o logo de outra marca.
2. **Escolha um separador** Um fio vertical fino, um sinal de multiplicação (×) ou a palavra “com”. O × se lê como colaboração entre iguais; “com” ou “apresentado por” indica um anfitrião.
3. **Equilibre no olho** Ajuste a escala dos logos até parecerem ter o mesmo peso. Logotipos costumam ficar com altura menor que símbolos.
4. **Defina uma área de respiro compartilhada** Use a maior das duas regras de área de respiro das marcas em volta do lockup inteiro.
5. **Combine a ordem** O anfitrião ou quem iniciou a parceria vem primeiro, por convenção. Deixe isso por escrito para não inverter de uma peça para outra.
6. **Faça versões clara e escura** Os dois logos em uma cor cada, para usar sobre fundos escuros e claros. [Variações de logo](https://gradiently.design/pt-br/guide/logo-variations) trata das versões que a maioria das marcas fornece.

```text
  [ LOGO A ]   ×   [ LOGO B ]
  └── mesmo peso visual ──┘

  área de proteção = a maior entre as regras de A e B, em todos os lados
  separador        = linha fina, ×, ou “com” / “apresentado por”
  ordem            = anfitrião ou idealizador primeiro
  cor              = cada logo em uma cor lisa para fundos claros ou escuros
```

Uma especificação de lockup que você pode colar em um briefing de parceria e aprovar antes de criar.

Depois de aprovado, exporte o lockup como arquivo próprio nas duas versões de cor e compartilhe com a parceira. Todas as peças seguintes passam a usar o mesmo arquivo, em vez de ele ser refeito por quem estiver criando naquele dia.

## Como escolher qual visual lidera

Duas [linguagens visuais](https://gradiently.design/pt-br/guide/visual-brand-language) completas em uma tela brigam. Escolha uma para liderar e deixe a outra aparecer pelo lockup e talvez por uma cor de destaque. Para colaborações genuínas, considere uma terceira opção: um visual feito só para a parceria, que os dois públicos veem como novo.

- Café: espresso: #1a1714
- Café: crema: #c8a27a
- Compartilhada: osso: #efe8dc
- Ceramista: azul esmalte: #2f5d73
- Ceramista: celadon: #8fb3c2

Uma paleta compartilhada para a collab entre um café e uma ceramista: cada marca mantém suas cores características, unidas por um neutro com que as duas convivem bem.

Um post retrato de Instagram anunciando uma collab entre um café e um estúdio de cerâmica, com os dois nomes unidos por um sinal de multiplicação

Um anúncio de collab sobre um visual criado para a parceria, com os dois nomes com o mesmo peso.

O mesmo anúncio da collab como story vertical, mantendo os dois nomes e o fundo compartilhado

A mesma peça como story, para as duas marcas compartilharem nas próprias contas.

Uma superfície própria para a colaboração é o que a faz parecer um acontecimento e não um anúncio. [Branding de eventos](https://gradiently.design/pt-br/guide/event-branding) usa a mesma ideia para ocasiões únicas, e [textura de marca](https://gradiently.design/pt-br/guide/brand-texture) explica como um material sozinho pode carregar um visual.

## Posts de parceria nas redes sociais

Os posts em colaboração do Instagram permitem que um post apareça no perfil das duas marcas, dividindo curtidas e comentários. Isso torna o design do post duplamente importante, porque ele fica em duas grades diferentes. Crie para que pareça em casa ao lado dos posts recentes das duas marcas, ou claramente especial nas duas.

### Evite

- Dois estilos de marca completos em uma tela
- Um logo visivelmente maior por acidente
- Mudar a cor do logo da parceira para combinar
- Lockups diferentes em cada post
- Texto tão pequeno que some em uma das grades

### Faça

- Um visual que lidera, o outro no lockup
- Logos equilibrados no olho e depois fixados
- Cada logo nas próprias cores aprovadas ou em uma cor chapada
- Um lockup reutilizado em tudo
- Um título legível no tamanho da grade

Combine os tamanhos desde o início também: um post de 1080×1350, um story de 1080×1920 e, para eventos, uma capa de evento do Facebook de 1920×1005. [Design de post de anúncio](https://gradiently.design/pt-br/guide/announcement-post-design) tem layouts que combinam com notícias de parceria.

## O briefing de co-branding: combine antes de criar

- Quem cria, quem aprova de cada lado e quantas rodadas de alterações.
- Ordem dos logos, separador e os arquivos do lockup.
- Qual visual lidera e quais cores de cada marca podem aparecer.
- Palavras: o nome da colaboração, as hashtags e quem recebe crédito e como.
- Formatos, tamanhos e as datas de entrega de cada peça.

No Gradiently, uma conta pode administrar várias marcas, então o seu visual e o visual da colaboração convivem lado a lado sem misturar kits. No Pro, você pode convidar a parceira para um workspace de equipe como editora ou visualizadora, e os comentários nos designs mantêm o feedback em um só lugar, em vez de espalhado por e-mails. Um Mark reservado para a colaboração dá a ela uma superfície que nenhuma das marcas usou antes.

## FAQ

### O que é co-branding em design?

É criar uma única peça, como um produto, um post ou um evento, que leva duas marcas mantendo cada uma reconhecível.

### Como juntar dois logos?

Monte um lockup: os dois logos com o mesmo peso visual, separados por um fio fino, um × ou a palavra “com”, com área de respiro compartilhada em volta do par.

### Qual logo vem primeiro em um design de co-branding?

Geralmente o anfitrião ou a marca que iniciou a parceria. Combine isso por escrito para que fique igual em todas as peças.

### Posso mudar a cor do logo de uma parceira para combinar com o meu design?

Só se as regras da marca dela permitirem. A maioria aceita uma versão em uma cor sobre fundos claros ou escuros, mas não uma recoloração personalizada.