# Marca coesa: como fazer cada ponto de contato combinar

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

Marca coesa não é aquela em que tudo é idêntico. É aquela em que um estranho pegaria seu post, seu cardápio e seu e-mail de uma pilha e saberia que pertencem ao mesmo lugar.

## The short version

- Uma marca coesa é aquela em que cada ponto de contato, de posts sociais a recibos, parece claramente relacionado, mesmo com layouts diferentes.
- O jeito mais simples de construir uma marca coesa é fixar três ou quatro constantes, como um fundo, uma paleta e uma tipografia, e deixar todo o resto variar.
- Um mapa de pontos de contato lista cada lugar em que o cliente encontra a sua marca, para que nada fique no improviso.
- As marcas perdem coesão com mais frequência onde ninguém desenha de propósito, como rodapés de e-mail, notas, sinalização e stories rápidos.
- Renderizar um só visual em cada tamanho funciona melhor que cortar uma única imagem, porque cada formato mantém suas proporções e seu espaço calmo para as palavras.

**Marca coesa** é o que acontece quando todos os pontos de contato, seus posts, site, e-mails, embalagens e placas, compartilham ingredientes suficientes para as pessoas os reconhecerem como uma família. O método é simples: escolha três ou quatro constantes, em geral um fundo ou universo de cor, uma paleta, uma tipografia e um tom de voz, e aplique em tudo. Depois liste cada lugar em que os clientes encontram você e confira cada um contra as constantes.

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

Pense em semelhança de família. Irmãos não são idênticos, mas dividem alguns traços que deixam o parentesco óbvio. Uma marca funciona do mesmo jeito. Se todo design é idêntico, as pessoas deixam de notar; se todo design é diferente, deixam de ligar um ao outro. A coesão está no meio: constantes fixas, variáveis flexíveis.

| Mantenha constante | Deixe variar |
| --- | --- |
| O seu fundo ou universo de cor | Layout e composição |
| Uma paleta de três a cinco cores | Qual cor lidera em cada design |
| Uma fonte de título e uma de texto | Tamanho, peso e quantidade de texto |
| Posição do logo e área de respiro | Fotos e ilustrações |
| Tom de voz | A mensagem e sua extensão |

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

O fundo é a constante que as pessoas subestimam. Nas redes sociais e nos stories ele preenche o quadro inteiro, então é a maior parte do que se vê. Um fundo reconhecível faz mais pela coesão do que qualquer logo. [Visual assinatura da marca](https://gradiently.design/pt-br/guide/brand-signature-look) explora isso a fundo.

## Escolha suas constantes

Eis um exemplo prático para um bar de vinhos de bairro. 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 único fundo que aparece em todo post, story, cardápio e cabeçalho de e-mail. O brilho se move para servir a cada formato; as cores nunca mudam.

- Noite 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 letras miúdas. Essa clareza é o que mantém os designs diferentes relacionados.

## Mapeie os pontos de contato da sua marca

Ponto de contato é qualquer lugar em que o cliente encontra a marca. Anote todos, inclusive os chatos. Os chatos são onde a coesão costuma quebrar, porque ninguém pensou em desenhá-los.

| Grupo | Pontos de contato | Costumam ser esquecidos |
| --- | --- | --- |
| Social | Posts, stories, capas de Reels, foto de perfil, capas de destaques | Capas de story, reposts rápidos |
| Web | Site, imagem de prévia de link, favicon, página de agendamento | Prévias de link, páginas de checkout e agendamento |
| E-mail | Cabeçalho de newsletter, e-mails transacionais, assinatura | Recibos, redefinição de senha, assinaturas da equipe |
| Impresso | Cardápio, cartões de visita, pôsteres, panfletos, embalagens | Etiquetas de preço, cartões de mesa, notas |
| Espaço físico | Fachada, vitrine, placas internas | Cartão do Wi-Fi, placa do banheiro, horário de funcionamento |
| Pessoas | Como a equipe atende o telefone e responde mensagens | Respostas automáticas, caixa postal |

Até um negócio pequeno pode ter dezenas de pontos de contato. Você não precisa redesenhar todos de uma vez; precisa saber onde eles estão.

- Post de Instagram 1080×1350: 1080 × 1350
- Story 1080×1920: 1080 × 1920
- Cabeçalho de e-mail 1200×600: 1200 × 600
- Prévia de link 1200×630: 1200 × 630
- Cardápio A5 1748×2480: 1748 × 2480

Cinco pontos de contato, cinco formatos. A coesão vem dos mesmos ingredientes arranjados para cada formato, não de uma imagem cortada para caber.

Post de Instagram para uma noite de vinho natural sobre um fundo ameixa profundo com um brilho âmbar quente

Um post de Instagram: fundo ameixa, brilho âmbar, título em serifada condensada.

Cabeçalho largo de newsletter por e-mail do mesmo bar de vinhos, com o mesmo fundo ameixa e âmbar e a mesma tipografia

O cabeçalho do e-mail usa outro layout e ainda assim pertence claramente ao mesmo bar.

## O checklist de marca coesa

Percorra esta lista para cada ponto de contato do seu mapa. O que falhar em três itens ou mais é a próxima coisa a corrigir.

1. Usa o fundo ou universo de cor da marca, não uma cor escolhida só para este design.
2. Usa só cores da paleta, cada uma no papel combinado.
3. Títulos na fonte de título, texto corrido na fonte de texto.
4. A [variação de logo](https://gradiently.design/pt-br/guide/logo-variations) certa para o formato, com sua área de respiro.
5. As palavras ficam onde são fáceis de ler, com contraste suficiente.
6. Soa como a marca: mesma voz, mesmo nível de formalidade.
7. As fotos têm um estilo em comum: luz parecida, tratamento de cor parecido.
8. Feito no tamanho correto para o formato, sem esticar nem cortar de forma desajeitada.
9. Atualizado: logo atual, oferta atual, horário de funcionamento atual.
10. Seria reconhecível com o logo tapado.

O último item é o teste de verdade. Tape o logo com o dedo. Se o design pudesse ser de qualquer um, ele está se apoiando no logo para fazer um trabalho que cores, tipografia e fundo deveriam fazer. [Elementos de marca distintivos](https://gradiently.design/pt-br/guide/distinctive-brand-assets) explica o que construir no lugar.

## Onde as marcas perdem a coesão

### Desconexo

- Um modelo novo, de outro conjunto, a cada mês
- Cores de tendência emprestadas para uma campanha
- Stories rápidos feitos em qualquer app aberto
- Impresso desenhado pela gráfica a partir de um logo antigo
- Cada plataforma gerida com um visual próprio

### Coeso

- Um conjunto pequeno de modelos seus, reutilizados
- Campanhas expressas dentro da paleta
- Modelos de story prontos para posts rápidos
- Arquivos de impressão exportados da mesma origem
- Um visual, renderizado para o tamanho de cada plataforma

Dois hábitos fazem a maior parte do trabalho: desenhar a partir de modelos que são seus e gerar cada tamanho a partir de um único design, em vez de recomeçar. [Consistência de marca entre plataformas](https://gradiently.design/pt-br/guide/brand-consistency-across-platforms) trata do lado das plataformas, e [fadiga de modelos](https://gradiently.design/pt-br/guide/template-fatigue) explica por que modelos emprestados separam as marcas.

É aqui que um Mark do Gradiently ajuda. Ele é um fundo vivo que se renderiza do zero em cada tamanho, então o post, o story e o cardápio vestem o mesmo visual com a luz bem posicionada para cada formato. Ele leva a região mais calma para trás das suas palavras, e cada Mark tem um dono por vez, então o visual que liga seus pontos de contato não liga também os de outra pessoa.

## FAQ

### O que é uma marca coesa?

É aquela em que todos os pontos de contato compartilham cores, tipografia, fundos e voz suficientes para as pessoas os reconhecerem como uma só marca, mesmo com layouts diferentes.

### Como deixar minha marca mais coesa?

Fixe três ou quatro constantes, como um fundo, uma paleta, uma tipografia e uma voz, liste todos os pontos de contato e confira cada um contra essas constantes.

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

Qualquer lugar em que um cliente encontra a sua marca: posts sociais, site, e-mails, embalagens, placas, recibos e o jeito como a equipe responde mensagens.

### Marca coesa é o mesmo que marca consistente?

Têm pontos em comum. Consistência é aplicar as mesmas regras sempre; coesão é o resultado, tudo parecendo relacionado em formatos bem diferentes.

### Como deixo meu feed do Instagram coeso?

Use o mesmo fundo ou universo de cor, as mesmas fontes e um conjunto pequeno de modelos seus, variando só o layout e a mensagem de um post para outro.