# Visual assinatura: como as marcas são reconhecidas num relance

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

Algumas marcas você reconhece do outro lado da sala, ou numa miniatura do tamanho de um selo. Isso é um visual assinatura, e ele é construído com poucas decisões mantidas por muito tempo.

## The short version

- Um visual assinatura é a combinação repetível de cor, superfície, tipografia e layout que as pessoas ligam a uma marca antes de lerem o nome dela.
- Ele raramente vem de um único elemento: é a combinação que o torna específico e difícil de copiar.
- Os primeiros livros de bolso da Penguin, com três faixas horizontais e cores por gênero, são um exemplo clássico de visual reconhecido à distância.
- Escrever o visual como uma receita curta de cinco ou seis decisões permite que qualquer pessoa o aplique do mesmo jeito.
- Um visual assinatura fica mais forte quanto mais tempo continua igual, então a parte mais difícil é resistir à vontade de redesenhar.

Um **visual assinatura** é a combinação de cor, superfície, tipografia e layout que as pessoas reconhecem como sua antes de lerem uma palavra. É por isso que você encontra a sua revista favorita numa banca lotada ou o post de um amigo numa rolagem rápida. Ele quase nunca vem de um elemento genial. Vem de quatro ou cinco decisões comuns, tomadas de propósito e repetidas em tudo por anos.

## Do que é feito um visual assinatura

Pense nele como uma receita. Cada ingrediente sozinho é comum; a mistura exata não é. Os primeiros livros de bolso da Penguin, em 1935, usavam três faixas horizontais, uma única fonte e uma cor para cada tipo de livro, laranja para ficção e verde para policial. Nenhuma dessas partes era incomum. Juntas, mantidas por décadas, tornaram um Penguin reconhecível do outro lado da livraria.

| Ingrediente | A decisão | Exemplo |
| --- | --- | --- |
| Fundo | A cor sobre a qual tudo fica | Quase preto, papel quente, verde profundo |
| Família de cores | Duas a quatro cores companheiras e um destaque | Índigo, violeta, lilás, destaque brasa |
| Material | Como a superfície parece ao toque | Granulação fina, brilho suave, textura de papel |
| Voz tipográfica | Uma fonte de título e como ela é composta | Serifa compacta, só a primeira letra maiúscula, grande |
| Hábito de layout | Onde as palavras e o logo sempre ficam | Título no canto superior esquerdo, logo no inferior direito |
| Movimento | Como se move, se é que se move | Uma deriva lenta, nunca um quique |

Seis decisões formam uma assinatura. Escreva as suas na coluna da direita e você terá boa parte de um guia de estilo.

## Cor: primeiro o fundo, depois a família

A maioria das marcas escolhe uma cor principal e para por aí. Um visual assinatura começa um passo antes, no fundo: a cor que preenche o espaço e define o clima. Um fundo escuro faz os destaques brilharem; um fundo claro parece impresso e calmo. Depois, acrescente uma pequena família de tons relacionados para dar profundidade e um destaque usado com parcimônia para que seja notado. [Como escolher as cores da marca](https://gradiently.design/pt-br/guide/how-to-choose-brand-colors) aprofunda a escolha em si.

- Fundo floresta: #0e1a17
- Pinho: #1f3b33
- Sálvia: #3f6b5a
- Líquen: #c9d6c3
- Destaque âmbar: #e0a458

Um fundo, três verdes conectados e um destaque quente. O âmbar aparece num único detalhe pequeno por design, e é por isso que fica na memória.

## Material: a parte que a maioria das marcas pula

Duas marcas podem ter a mesma paleta e não se parecerem em nada se uma for limpa e digital e a outra tiver granulação como papel impresso. O material é o ingrediente silencioso que torna um visual específico, e é muito difícil de copiar com um conta-gotas de cor. Escolha uma qualidade de superfície e mantenha. [Textura de marca](https://gradiently.design/pt-br/guide/brand-texture) compara as principais famílias.

- Luz de floresta, suave: `radial-gradient(circle at 70% 25%, #3f6b5a 0%, #1f3b33 40%, #0e1a17 80%)`
- Luz de floresta, direcional: `linear-gradient(160deg, #0e1a17 0%, #1f3b33 55%, #3f6b5a 100%)`
- Floresta com brilho âmbar: `radial-gradient(ellipse at 20% 85%, #e0a458 0%, #1f3b33 35%, #0e1a17 75%)`

Três expressões de uma mesma família. Escolha uma direção de luz e mantenha, depois finalize com uma camada fina de granulação para que a superfície pareça material.

## Tipografia e layout: os hábitos que as pessoas aprendem

Os leitores aprendem onde olhar. Se o seu título fica sempre no mesmo lugar, na mesma escala, com a mesma fonte, as pessoas começam a ler os seus posts pela forma antes de lerem pelas palavras. Escolha uma fonte de título e uma de texto, decida entre só a primeira letra maiúscula ou tudo em caixa alta e fixe a posição do logo. [Fontes de marca](https://gradiently.design/pt-br/guide/brand-fonts) ajuda na combinação.

Um teste útil: reduza um dos seus designs ao tamanho de uma miniatura da grade do perfil e desfoque o olhar. Se o fundo, a luz e a forma do título ainda dizem quem é, o visual está funcionando. Se poderia ser de qualquer um, aperte a receita.

Um post de livraria anunciando horário estendido às sextas, no visual assinatura da marca

Mesmo fundo, mesma voz tipográfica, mesma posição para o título.

Um segundo post da livraria sobre um bate-papo com autor, no mesmo visual assinatura

Uma mensagem diferente, reconhecível na hora como a mesma loja.

## Como definir o seu visual assinatura numa tarde

1. **Reúna o que você já usa** Faça print dos seus últimos vinte posts e páginas. Circule tudo o que já se repete; é um candidato.
2. **Escolha o fundo** Uma cor que preenche a maior parte do espaço. Escuro ou claro, decidido uma vez.
3. **Defina a família e o destaque** Duas a quatro cores relacionadas e um destaque, anotados como códigos hex.
4. **Dê nome ao material** Granulação, brilho, papel, vidro ou limpo. Um, não vários.
5. **Defina as regras de tipografia e layout** Fonte de título, fonte de texto, uso de maiúsculas, posição do título, posição do logo.
6. **Escreva tudo numa página** Coloque a receita num [guia de estilo da marca](https://gradiently.design/pt-br/guide/brand-style-guide) para que qualquer pessoa, inclusive você com pressa, aplique do mesmo jeito.

## Como manter o visual assinatura

O inimigo de um visual assinatura é o tédio, quase sempre do dono. Você vê o seu visual todo dia, então se cansa dele muito antes de os clientes sequer o aprenderem. Mude a mensagem, as fotos e as ofertas quantas vezes quiser; deixe a receita em paz. [Consistência de marca](https://gradiently.design/pt-br/guide/brand-consistency) mostra os hábitos que ajudam.

### Desgasta o visual

- Um template novo para cada campanha
- Paletas sazonais que substituem a base
- Trocar de fonte quando a tendência muda
- Esticar uma imagem para todos os formatos

### Fortalece

- Mensagens novas dentro da mesma receita
- Destaques sazonais somados à base
- Uma combinação de fontes por anos
- O visual renderizado direito em cada tamanho

É esse o trabalho de um Mark no Gradiently. Um Mark reúne o fundo, a família de cores, até três materiais, luz, granulação, movimento e uma voz tipográfica numa receita que aparece ao vivo por trás de cada design, em qualquer tamanho, e abre espaço para o seu texto sozinho. Cada Mark é comparado com todos os outros, então o visual que você escolhe é realmente específico, e quando você reserva um, ninguém mais pode exportar com ele.

## FAQ

### O que é um visual assinatura no branding?

É a combinação repetível de cor, superfície, tipografia e layout que as pessoas reconhecem como de uma marca antes de lerem o nome dela.

### Como criar um visual assinatura para a minha marca?

Escolha uma cor de fundo, uma pequena família de cores com um destaque, um material, uma combinação de fontes e posições fixas para título e logo, depois use tudo isso em todas as peças.

### Quanto tempo leva para um visual se tornar reconhecível?

Não há prazo fixo. O reconhecimento cresce com a exposição repetida, então quanto mais consistente e frequente for o contato com o visual, mais cedo ele fica na memória.

### Posso mudar o meu visual assinatura numa campanha?

Mude a mensagem, as fotos e os destaques, mas mantenha o fundo, o material e a tipografia. Uma campanha que abandona a receita base parece outra marca.