# Visual assinatura: como as marcas se reconhecem de relance

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

Algumas marcas reconhecem-se do outro lado de uma sala, ou numa miniatura do tamanho de um selo. Isso é um visual assinatura, construído com poucas decisões mantidas durante muito tempo.

## The short version

- Um visual assinatura é a combinação repetível de cor, superfície, tipo de letra e layout que as pessoas ligam a uma marca antes de lerem o nome.
- Raramente vem de um só elemento: é a combinação que o torna específico e difícil de copiar.
- Os primeiros livros de bolso da Penguin, com as suas três faixas horizontais e códigos de cor por género, são um exemplo clássico de um visual reconhecido à distância.
- Escrever o visual como uma receita curta de cinco ou seis decisões permite que qualquer pessoa o aplique da mesma maneira.
- Um visual assinatura fica mais forte quanto mais tempo se mantém inalterado, por isso a parte mais difícil é resistir à vontade de redesenhar.

Um **visual assinatura** é a combinação de cor, superfície, tipo de letra e layout que as pessoas conhecem como teu antes de lerem uma palavra. É por isso que consegues distinguir a tua revista preferida numa prateleira cheia ou a publicação de um amigo num scroll rápido. Quase nunca vem de um elemento engenhoso. Vem de quatro ou cinco decisões banais, tomadas de propósito e depois repetidas em tudo durante anos.

## De que é feito um visual assinatura

Pensa 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, um tipo de letra e uma cor para cada género de livro, laranja para ficção e verde para policiais. Nenhuma dessas partes era invulgar. Juntas, mantidas durante décadas, tornaram uma Penguin reconhecível do outro lado de uma loja.

| Ingrediente | A decisão | Exemplo |
| --- | --- | --- |
| Fundo | A cor sobre a qual tudo assenta | Quase preto, papel quente, verde profundo |
| Família de cores | Dois a quatro companheiros e um destaque | Índigo, violeta, lilás, destaque de brasa |
| Material | Como é a sensação da superfície | Grão fino, brilho suave, textura de papel |
| Voz tipográfica | Um tipo de letra de títulos e como é composto | Serifa compacta, minúsculas, grande |
| Hábito de layout | Onde as palavras e o logótipo vão sempre | Título em cima à esquerda, logótipo em baixo à direita |
| Movimento | Como se move, se se mover | Uma deriva lenta, nunca um salto |

Seis decisões fazem uma assinatura. Escreve a tua na coluna da direita e tens quase um guia de estilo.

## Cor: primeiro um fundo, depois uma família

A maioria das marcas escolhe uma cor principal e pára. Um visual assinatura começa um passo antes, com o fundo: a cor que preenche o espaço e define o ambiente. Um fundo escuro faz os destaques brilhar; um fundo claro parece impresso e calmo. Acrescenta depois uma pequena família de tons aparentados para dar profundidade ao visual e um destaque usado com parcimónia para ser notado. [Como escolher as cores da marca](https://gradiently.design/pt-pt/guide/how-to-choose-brand-colors) aprofunda a escolha.

- Fundo floresta: #0e1a17
- Pinheiro: #1f3b33
- Salva: #3f6b5a
- Líquen: #c9d6c3
- Destaque âmbar: #e0a458

Um fundo, três verdes ligados e um destaque quente. O âmbar aparece num pequeno detalhe por design, e é por isso que se torna memorável.

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

Duas marcas podem partilhar uma paleta e ainda assim parecer completamente diferentes se uma for limpa e digital e a outra tiver grão como papel impresso. O material é o ingrediente discreto que torna um visual específico, e é muito difícil de copiar com um conta-gotas de cores. Escolhe uma qualidade de superfície e mantém-na. [Textura de marca](https://gradiently.design/pt-pt/guide/brand-texture) compara as principais famílias.

- Luz floresta, suave: `radial-gradient(circle at 70% 25%, #3f6b5a 0%, #1f3b33 40%, #0e1a17 80%)`
- Luz 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 só família. Escolhe uma direção de luz e mantém-na, e termina com uma camada de grão fino para a superfície se ler como material.

## Tipo de letra e layout: os hábitos que as pessoas aprendem

Os leitores aprendem onde olhar. Se o teu título está sempre no mesmo sítio, à mesma escala, no mesmo tipo de letra, as pessoas começam a ler as tuas publicações pela forma antes de as lerem pela palavra. Escolhe um tipo de letra para títulos e um para texto, decide entre minúsculas ou maiúsculas e fixa a posição do logótipo. [Fontes de marca](https://gradiently.design/pt-pt/guide/brand-fonts) ajuda com a combinação.

Um teste útil: reduz um dos teus designs ao tamanho de uma miniatura de grelha de perfil e semicerra os olhos. Se o fundo, a luz e a forma do título ainda dizem quem é, o visual está a funcionar. Se pudesse ser de qualquer um, aperta a receita.

Uma publicação de livraria a anunciar horário alargado à sexta, no visual assinatura da marca

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

Uma segunda publicação de livraria sobre uma conversa com um autor, no mesmo visual assinatura

Outra mensagem, instantaneamente reconhecível como a mesma loja.

## Como definir o teu visual assinatura numa tarde

1. **Reúne o que já usas** Tira capturas de ecrã das tuas últimas vinte publicações e páginas. Rodeia tudo o que já se repete; é candidato.
2. **Escolhe o fundo** Uma cor que preenche a maior parte do espaço. Escura ou clara, decidida uma só vez.
3. **Fixa a família e o destaque** Duas a quatro cores aparentadas e um destaque, escritos como códigos hex.
4. **Dá nome ao material** Grão, brilho, papel, vidro ou limpo. Um, não vários.
5. **Define as regras de letra e layout** Tipo de letra dos títulos, do texto, maiúsculas ou minúsculas, posição do título, posição do logótipo.
6. **Escreve tudo numa página** Põe a receita num [guia de estilo da marca](https://gradiently.design/pt-pt/guide/brand-style-guide) para que qualquer pessoa, incluindo tu com pressa, a aplique da mesma maneira.

## Como manter o visual assinatura

O inimigo de um visual assinatura é o tédio, normalmente o do dono. Vês o teu visual todos os dias, por isso cansas-te dele muito antes de os clientes sequer o terem aprendido. Muda a mensagem, as fotografias e as ofertas tantas vezes quanto quiseres; deixa a receita em paz. [Consistência de marca](https://gradiently.design/pt-pt/guide/brand-consistency) trata dos hábitos que ajudam.

### Corrói o visual

- Um modelo novo para cada campanha
- Paletas sazonais que substituem o essencial
- Mudar de tipo de letra quando a tendência muda
- Esticar uma imagem para todos os formatos

### Reforça-o

- Mensagens novas dentro da mesma receita
- Destaques sazonais acrescentados ao essencial
- Uma combinação de tipos de letra durante anos
- O visual bem desenhado em todos os tamanhos

É este o trabalho de um Mark na Gradiently. Um Mark reúne o fundo, a família de cores, até três materiais, luz, grão, movimento e uma voz tipográfica numa receita que se desenha em direto por trás de cada design, a qualquer tamanho, e faz sozinho espaço para as tuas palavras. Cada Mark é verificado contra todos os outros, por isso o visual que escolhes é genuinamente específico, e quando reservas um, mais ninguém pode exportar com ele.

## FAQ

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

A combinação repetível de cor, superfície, tipo de letra e layout que as pessoas reconhecem como uma marca antes de lerem o nome.

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

Escolhe uma cor de fundo, uma pequena família de cores com um destaque, um material, uma combinação de tipos de letra e posições fixas para o título e o logótipo, e usa-os em tudo.

### Quanto tempo demora um visual a tornar-se reconhecível?

Não há um tempo fixo. O reconhecimento constrói-se com exposição repetida, por isso quanto mais consistente e frequentemente as pessoas virem o visual, mais depressa pega.

### Posso mudar o meu visual assinatura para uma campanha?

Muda a mensagem, as fotografias e os destaques, mas mantém o fundo, o material e o tipo de letra. Uma campanha que abandona a receita essencial parece outra marca.