# Branding coeso: todos os pontos de contacto a parecerem ligados

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

Uma marca coesa não é aquela em que tudo é idêntico. É aquela em que um desconhecido tira do meio de um monte a tua publicação, o teu menu e o teu email e percebe que pertencem juntos.

## The short version

- O branding coeso significa que todos os pontos de contacto, das publicações às faturas, parecem claramente ligados, mesmo quando os layouts diferem.
- A forma mais simples de construir uma marca coesa é fixar três ou quatro constantes, como um fundo, uma paleta de cores e um tipo de letra, e deixar variar tudo o resto.
- Um mapa de pontos de contacto lista todos os sítios onde um cliente encontra a tua marca, para nada ficar ao improviso.
- As marcas perdem mais vezes a coesão nos sítios que ninguém desenha de propósito, como rodapés de email, faturas, sinalética e stories rápidos.
- Renderizar um visual a cada tamanho funciona melhor do que cortar uma só imagem, porque cada formato mantém as suas proporções e o seu espaço calmo para as palavras.

O **branding coeso** é o que acontece quando todos os pontos de contacto, as publicações, o site, os emails, as embalagens e a sinalética, partilham ingredientes suficientes para as pessoas os reconhecerem como uma só família. O método é simples: escolhe três ou quatro constantes, normalmente um fundo ou mundo de cor, uma paleta, um tipo de letra e um tom de voz, e aplica-as em todo o lado. Depois lista todos os sítios onde os clientes te encontram e verifica cada um contra as constantes.

## Coeso quer dizer ligado, não idêntico

Pensa numa semelhança de família. Os irmãos não são idênticos, mas partilham algumas feições que tornam o parentesco óbvio. Uma marca funciona da mesma maneira. Se todos os designs forem idênticos, as pessoas deixam de os notar; se todos forem diferentes, deixam de os ligar. A coesão fica no meio: constantes fixas, variáveis flexíveis.

| Mantém constante | Deixa variar |
| --- | --- |
| O teu fundo ou mundo de cor | Layout e composição |
| Uma paleta de três a cinco cores | Que cor lidera num dado design |
| Um tipo de letra para títulos e outro para texto | Tamanho, peso e quantidade de texto |
| Posição do logótipo e espaço livre | Fotografias e ilustrações |
| Tom de voz | A mensagem e a sua extensão |

Fixa a coluna da esquerda e varia a da direita. A maioria das marcas que parecem dispersas tem as colunas trocadas: layouts idênticos em cores aleatórias.

O fundo é a constante que as pessoas subestimam. Nas redes sociais e nos stories preenche todo o enquadramento, por isso é a maior parte do que se vê. Um fundo reconhecível faz mais pela coesão do que qualquer logótipo. [O visual de assinatura da marca](https://gradiently.design/pt-pt/guide/brand-signature-look) explora isto em profundidade.

## Escolhe as tuas constantes

Eis um exemplo prático para um bar de vinhos de bairro. As suas constantes são um fundo ameixa profundo com um brilho âmbar quente, uma paleta com funções claras, uma serifada condensada para os títulos e uma voz seca e simpática.

Bar de vinhos: fundo ameixa, brilho âmbar: `radial-gradient(circle at 30% 25%, #d97706 0%, #7c2d12 30%, #3b0a2a 65%, #1c0614 100%)`

O fundo único que aparece em todas as publicações, stories, menus e cabeçalhos de email. O brilho move-se para servir cada formato; as cores nunca mudam.

- Noite de ameixa (fundo): #1c0614
- Ameixa: #3b0a2a
- Âmbar (destaque): #d97706
- Vela (texto): #f5e9d7
- Cortiça (secundária): #8a6f5c

Cada cor tem uma função. Vela é para o texto, âmbar para um destaque por design, cortiça para as letras pequenas. Essa clareza é o que mantém os designs diferentes ligados.

## Mapeia os pontos de contacto da tua marca

Um ponto de contacto é qualquer sítio onde um cliente encontra a marca. Escreve-os todos, incluindo os aborrecidos. É nos aborrecidos que a coesão costuma quebrar, porque ninguém pensou em desenhá-los.

| Grupo | Pontos de contacto | Muitas vezes esquecidos |
| --- | --- | --- |
| Redes sociais | Publicações, stories, capas de Reels, fotografia de perfil, capas de destaques | Capas de stories, republicações rápidas |
| Web | Site, imagem de pré-visualização de ligações, favicon, página de marcações | Pré-visualizações de ligações, páginas de pagamento e de marcação |
| Email | Cabeçalho da newsletter, emails transacionais, assinatura | Recibos, redefinições de palavra-passe, assinaturas da equipa |
| Impressão | Menu, cartões de visita, cartazes, folhetos, embalagens | Etiquetas de preço, cartões de mesa, faturas |
| Local | Fachada, montra, sinais interiores | Cartão do Wi-Fi, sinal da casa de banho, horário |
| Pessoas | Como a equipa atende o telefone e responde às mensagens | Respostas automáticas, caixa de voz |

Até um pequeno negócio pode ter dezenas de pontos de contacto. Não precisas de os redesenhar todos de uma vez; precisas de saber onde estão.

- Publicação de Instagram 1080×1350: 1080 × 1350
- Story 1080×1920: 1080 × 1920
- Cabeçalho de email 1200×600: 1200 × 600
- Pré-visualização de ligação 1200×630: 1200 × 630
- Menu A5 1748×2480: 1748 × 2480

Cinco pontos de contacto, cinco formas. A coesão vem dos mesmos ingredientes arranjados para cada forma, não de uma imagem cortada à medida.

Uma publicação de Instagram para uma noite de vinho natural sobre um fundo ameixa profundo com um brilho âmbar quente

Uma publicação de Instagram: fundo ameixa, brilho âmbar, título em serifada condensada.

Um cabeçalho largo de newsletter para o mesmo bar de vinhos, com o mesmo fundo ameixa e âmbar e o mesmo tipo de letra

O cabeçalho do email usa outro layout e continua claramente a pertencer ao mesmo bar.

## A lista de verificação do branding coeso

Percorre esta lista para cada ponto de contacto do teu mapa. O que falhar três ou mais itens é a próxima coisa a corrigir.

1. Usa o fundo ou mundo de cor da marca, e não uma cor escolhida só para este design.
2. Usa apenas cores da paleta, cada uma no seu papel acordado.
3. Títulos no tipo de letra de títulos, texto corrido no tipo de letra de texto.
4. A [variação de logótipo](https://gradiently.design/pt-pt/guide/logo-variations) certa para a forma, com o seu espaço livre.
5. As palavras ficam onde se leem bem, com contraste suficiente.
6. Soa à marca: a mesma voz, o mesmo nível de formalidade.
7. As fotografias partilham um estilo: luz parecida, tratamento de cor parecido.
8. Feito no tamanho certo para o formato, sem esticar nem cortar mal.
9. Atualizado: logótipo atual, oferta atual, horário atual.
10. Seria reconhecível com o logótipo tapado.

O último item é o teste a sério. Tapa o logótipo com o polegar. Se o design pudesse pertencer a qualquer pessoa, está a apoiar-se no logótipo para fazer um trabalho que as cores, o tipo de letra e o fundo deviam estar a fazer. [Ativos de marca distintivos](https://gradiently.design/pt-pt/guide/distinctive-brand-assets) explica o que construir em vez disso.

## Onde as marcas perdem a coesão

### Desconexa

- Um modelo novo de um conjunto diferente todos os meses
- Cores da moda emprestadas para uma campanha
- Stories rápidos feitos na aplicação que estiver aberta
- Impressos desenhados pela gráfica a partir de um logótipo antigo
- Cada plataforma gerida com o seu próprio visual

### Coesa

- Um pequeno conjunto de modelos teus, reutilizados
- Campanhas expressas dentro da paleta
- Modelos de story prontos para publicações rápidas
- Ficheiros de impressão exportados da mesma origem
- Um só visual, renderizado para o tamanho de cada plataforma

Dois hábitos fazem a maior parte do trabalho: desenhar a partir de modelos teus e fazer todos os tamanhos a partir de um só design, em vez de recomeçar. [Coerência de marca entre plataformas](https://gradiently.design/pt-pt/guide/brand-consistency-across-platforms) trata do lado das plataformas, e [cansaço de modelos](https://gradiently.design/pt-pt/guide/template-fatigue) explica porque os modelos emprestados afastam as marcas.

É aqui que um Mark do Gradiently ajuda. É um fundo vivo que se renderiza de novo a cada tamanho, por isso a publicação, o story e o menu vestem o mesmo visual com a luz bem colocada para cada forma. Leva a sua zona mais calma para trás das tuas palavras, e cada Mark tem um só dono de cada vez, por isso o visual que une os teus pontos de contacto não está também a unir os de outra pessoa.

## FAQ

### O que é o branding coeso?

O branding coeso significa que todos os pontos de contacto partilham cores, tipos de letra, fundos e voz suficientes para as pessoas os reconhecerem como uma só marca, mesmo quando os layouts diferem.

### Como torno a minha marca mais coesa?

Fixa três ou quatro constantes, como um fundo, uma paleta, um tipo de letra e uma voz, lista todos os pontos de contacto e verifica cada um contra essas constantes.

### O que são pontos de contacto da marca?

Qualquer sítio onde um cliente encontra a tua marca: publicações, site, emails, embalagens, sinalética, recibos e a forma como a tua equipa responde a mensagens.

### Branding coeso é o mesmo que branding consistente?

Sobrepõem-se. A consistência é aplicar as mesmas regras sempre; a coesão é o resultado, tudo a parecer ligado em formatos muito diferentes.

### Como faço o meu feed de Instagram parecer coeso?

Usa o mesmo fundo ou mundo de cor, os mesmos tipos de letra e um pequeno conjunto de modelos teus, e varia só o layout e a mensagem de publicação para publicação.