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

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

Dois logótipos, duas paletas, dois conjuntos de regras e uma só publicação. Eis como desenhar uma parceria para que ambas as marcas pareçam elas próprias e a colaboração pareça algo real.

## The short version

- O design de co-branding coloca duas marcas num só trabalho mantendo cada uma reconhecível.
- Um lockup de logótipos em co-branding põe ambos os logótipos com o mesmo peso visual, separados por uma linha fina ou um sinal de multiplicação, com espaço livre partilhado.
- Cada peça em co-branding precisa de um visual principal: o da marca anfitriã, o do parceiro ou um fundo neutro criado para a colaboração.
- Acordar por escrito a ordem dos logótipos, as cores, as aprovações e os tamanhos de ficheiro antes de desenhar evita a maioria dos atrasos numa parceria.
- Um visual dedicado à colaboração permite que os dois públicos reconheçam a parceria como algo próprio.

O **co-branding** acontece quando duas marcas põem o nome na mesma coisa: um produto, um evento, uma campanha ou uma só publicação. O desafio de design é mostrar ambas com clareza sem que uma engula a outra e sem que o resultado pareça dois anúncios colados. As ferramentas essenciais são um lockup de logótipos bem construído, uma decisão sobre qual a linguagem visual que lidera e um breve acordo sobre regras antes de alguém abrir um ficheiro de design.

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

| Tipo | Exemplo | Quem costuma liderar o visual |
| --- | --- | --- |
| Lançamento em colaboração | Um café e uma ceramista lançam uma caneca juntos | Um visual criado para a colaboração |
| Patrocínio | Uma cervejeira local patrocina a corrida de um clube de atletismo | O evento ou o clube; o patrocinador surge num lockup |
| Ingrediente ou parceiro | Uma padaria usa a farinha de um moinho identificado | Quem vende; o parceiro é creditado de forma discreta |
| Evento conjunto | Dois estúdios organizam um workshop partilhado | O local anfitrião, ou um visual neutro partilhado |
| Parceria de causa | Uma loja doa parte de uma venda a uma instituição de solidariedade | A campanha; aplicam-se as regras da instituição sobre o seu logótipo |

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

> **Igualdade é uma decisão, não uma predefinição** Antes de desenhar, faz às duas partes uma pergunta: é uma parceria entre iguais, ou um anfitrião com um convidado? A resposta define o tamanho dos logótipos, a ordem, o separador e as cores que lideram. Deixá-la por dizer é a razão mais comum de um trabalho em co-branding passar por rondas infinitas de pequenas alterações.

## Como construir um lockup de logótipos em co-branding

Um lockup é o arranjo fixo dos dois logótipos juntos. Feito uma vez e reutilizado, poupa discussões em todas as peças seguintes. O objetivo é o mesmo peso *visual*, que raramente coincide com o mesmo tamanho medido: um logótipo largo e um símbolo compacto precisam de alturas diferentes para parecerem equilibrados.

1. **Usa os ficheiros aprovados de cada marca** Pede os SVG e as regras do parceiro. Nunca redesenhes, recoloras nem estiques o logótipo de outra pessoa.
2. **Escolhe um separador** Uma linha vertical fina, um sinal de multiplicação (×) ou a palavra «com». O × lê-se como colaboração entre iguais; «com» ou «apresentado por» indica um anfitrião.
3. **Equilibra a olho** Ajusta a escala dos logótipos até terem o mesmo peso. Os logótipos tipográficos costumam ficar mais baixos do que os símbolos.
4. **Define o espaço livre partilhado** Usa a maior das regras de espaço livre das duas marcas à volta de todo o lockup.
5. **Acorda a ordem** O anfitrião ou quem iniciou vem primeiro, por convenção. Escreve-o para não se inverter de peça para peça.
6. **Faz versões clara e escura** Ambos os logótipos numa só cor cada, para usar em fundos escuros e claros. [Variações de logótipo](https://gradiently.design/pt-pt/guide/logo-variations) trata das versões que a maioria das marcas fornece.

```text
  [ LOGÓTIPO A ]   ×   [ LOGÓTIPO 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 organizador primeiro
  cor              = cada logótipo numa cor lisa para fundos claros ou escuros
```

Uma especificação de lockup que podes colar num briefing de parceria e acordar antes de desenhar.

Depois de acordado, exporta o lockup como ficheiro próprio nas duas versões de cor e partilha-o com o parceiro. Todas as peças seguintes usam então o mesmo ficheiro em vez de serem refeitas por quem calhar a desenhar nesse dia.

## Escolher quem lidera o visual

Duas [linguagens visuais](https://gradiently.design/pt-pt/guide/visual-brand-language) completas na mesma composição lutam entre si. Escolhe uma para liderar e deixa a outra surgir pelo lockup e talvez por uma cor de destaque. Em colaborações a sério, considera uma terceira opção: um visual feito só para a parceria, que os dois públicos veem como novo.

- Café: expresso: #1a1714
- Café: creme: #c8a27a
- Partilhado: osso: #efe8dc
- Ceramista: azul de vidrado: #2f5d73
- Ceramista: celadon: #8fb3c2

Uma paleta partilhada para uma colaboração entre um café e uma ceramista: cada marca mantém as suas cores de assinatura, unidas por um neutro com que ambas se dão bem.

Uma publicação vertical de Instagram a anunciar a colaboração entre um café e um estúdio de cerâmica, com os dois nomes unidos por um sinal de multiplicação

O anúncio de uma colaboração num visual criado para a parceria, com os dois nomes com o mesmo peso.

O mesmo anúncio de colaboração como story vertical, com os dois nomes e o fundo partilhado

A mesma peça como story, para as duas marcas partilharem a partir das suas contas.

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

## Publicações de parceria nas redes sociais

As publicações em colaboração do Instagram deixam uma só publicação aparecer nos perfis das duas marcas, partilhando gostos e comentários. Isso torna o design da publicação duplamente importante, porque ela está em duas grelhas diferentes. Desenha-a para parecer em casa ao lado das publicações recentes das duas marcas, ou claramente especial em ambas.

### Evita

- Dois estilos de marca completos na mesma composição
- Um logótipo visivelmente maior por acaso
- Recolorir o logótipo do parceiro para combinar
- Lockups diferentes em cada publicação
- Texto tão pequeno que desaparece numa das grelhas

### Faz

- Um visual principal, o outro no lockup
- Logótipos equilibrados a olho e depois fixados
- Cada logótipo nas suas cores aprovadas ou numa só cor lisa
- Um lockup reutilizado em tudo
- Um título que se lê ao tamanho da grelha

Acorda também os tamanhos à partida: uma publicação de 1080×1350, um story de 1080×1920 e, para eventos, uma capa de evento do Facebook de 1920×1005. [Design de publicações de anúncio](https://gradiently.design/pt-pt/guide/announcement-post-design) tem layouts que servem para novidades de parcerias.

## O briefing de co-branding: acorda antes de desenhar

- Quem desenha, quem aprova de cada lado e quantas rondas de alterações.
- A ordem dos logótipos, o separador e os ficheiros do lockup.
- Que visual lidera e que cores de cada marca podem aparecer.
- As palavras: o nome da colaboração, as hashtags e quem é creditado e como.
- Formatos, tamanhos e as datas de entrega de cada peça.

No Gradiently, uma só conta pode gerir várias marcas, por isso o teu visual e o da colaboração podem viver lado a lado sem misturar kits. No Pro, podes convidar um parceiro para um espaço de trabalho de equipa como editor ou leitor, e os comentários nos designs mantêm o feedback num só sítio em vez de espalhado por emails. Um Mark reservado para a colaboração dá-lhe uma superfície que nenhuma das marcas usou antes.

## FAQ

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

É desenhar uma só peça, como um produto, uma publicação ou um evento, que leva duas marcas mantendo cada uma reconhecível.

### Como se juntam dois logótipos?

Constrói um lockup: ambos os logótipos com o mesmo peso visual, separados por uma linha fina, um × ou a palavra «com», com espaço livre partilhado à volta do par.

### Que logótipo vem primeiro num design em co-branding?

Normalmente o anfitrião ou a marca que iniciou a parceria. Acorda-o por escrito para se manter igual em todas as peças.

### Posso mudar a cor do logótipo de um parceiro para combinar com o meu design?

Só se as regras da marca dele o permitirem. A maioria permite uma versão a uma cor em fundos claros ou escuros, mas não recolorações à medida.