# Identidade visual, identidade de marca e logótipo: as diferenças

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

Três termos usados como se quisessem dizer o mesmo. Não querem, e a diferença explica porque é que um logótipo novo raramente salva uma marca que ninguém reconhece.

## The short version

- Uma identidade visual é o sistema visível de uma marca: o logótipo, as cores, os tipos de letra, as imagens, os elementos gráficos, os fundos, os layouts e o movimento.
- A identidade de marca é mais ampla do que a identidade visual, porque inclui também o nome, o posicionamento e a voz.
- Um logótipo é um único elemento dentro da identidade visual, normalmente a sua parte mais pequena e menos lida.
- Uma identidade visual funciona quando as pessoas reconhecem a marca com o logótipo tapado, porque a cor, a tipografia, o fundo e o layout fazem o trabalho.
- Um sistema de identidade visual fica escrito como regras, para que qualquer pessoa o possa aplicar a um novo formato e continuar a parecer a marca.

Uma **identidade visual** é tudo o que se vê de uma marca, a funcionar como um só sistema: o logótipo, as cores, os tipos de letra, as imagens, as formas gráficas, os fundos, os layouts e o movimento. Fica dentro da identidade de marca, mais ampla, que abrange também o nome, o posicionamento e a voz. E o logótipo fica dentro da identidade visual como um elemento entre muitos, normalmente o mais pequeno. Dito de forma simples: o logótipo assina o trabalho, a identidade visual torna o trabalho reconhecível e a identidade de marca decide o que o trabalho deve dizer.

## Logótipo, identidade visual e identidade de marca lado a lado

| Pergunta | Logótipo | Identidade visual | Identidade de marca |
| --- | --- | --- | --- |
| O que é | Um símbolo ou logótipo tipográfico | O sistema visível | Tudo o que a marca escolhe ser |
| Inclui | Símbolo, logótipo tipográfico, composições | Logótipo, cor, tipografia, imagens, fundos, layout, movimento | Identidade visual mais nome, posicionamento, voz |
| Função | Assinar e identificar | Tornar tudo reconhecível | Decidir o que a marca defende e como soa |
| Onde a vês | Cantos, favicons, sinalética | Cada publicação, página, diapositivo e embalagem | Cada experiência, incluindo as palavras e o serviço |
| Funciona sozinha? | Raramente | Quase sempre, mesmo sem o logótipo | É o todo |

Cada uma contém a anterior. Um logótipo sem identidade visual é uma assinatura numa página em branco.

A confusão compreende-se. Durante décadas, o logótipo foi o resultado mais caro e mais visível de um projeto de branding, por isso passou a ser a forma abreviada de dizer tudo. Mas num mundo de feeds, stories e miniaturas, o logótipo é muitas vezes pequeno demais para se ler, enquanto a cor, a tipografia e o fundo enchem o ecrã. Para a lista completa das partes da identidade de marca, vê [o que é a identidade de marca](https://gradiently.design/pt-pt/guide/what-is-brand-identity).

## Porque é que um logótipo não é uma identidade

Imagina dois cafés com logótipos igualmente bons. O primeiro põe o logótipo sobre a fotografia ou o modelo que tiver à mão; o segundo põe-no sempre sobre o mesmo fundo quente, com o mesmo tipo de letra e o mesmo layout. Ao fim de um mês, as pessoas reconhecem as publicações do segundo café pelo canto do olho. As do primeiro parecem as de toda a gente, com um logótipo que ninguém lê.

### Só logótipo

- Um fundo e um tipo de letra diferentes em cada publicação
- O reconhecimento depende de as pessoas lerem um símbolo pequeno
- Cada novo formato é desenhado do zero
- Redesenhar o logótipo não muda nada que as pessoas notem

### Identidade visual

- Um fundo, um estilo tipográfico, uma forma de dispor as coisas
- O reconhecimento acontece antes de se ler o que quer que seja
- Os novos formatos seguem as regras e continuam a encaixar
- O logótipo pode ficar pequeno, porque tudo o resto transporta a marca

Isto não torna os logótipos pouco importantes. Um bom logótipo é essencial para espaços pequenos, assinaturas e marcas registadas. Simplesmente não consegue carregar o reconhecimento sozinho. [Logótipos com gradiente](https://gradiently.design/pt-pt/guide/gradient-logo) e [pôr um logótipo sobre um gradiente](https://gradiently.design/pt-pt/guide/logo-on-gradient-background) tratam do logótipo em si com mais profundidade.

## O que inclui um sistema de identidade visual

Uma identidade visual torna-se um sistema quando as suas partes estão definidas o suficiente para outra pessoa as usar. Não precisas de um manual de cem páginas. Precisas do mínimo para cada elemento, por escrito.

| Elemento | Mínimo a definir |
| --- | --- |
| Logótipo | Versão principal, uma versão a uma cor, tamanho mínimo, área de proteção |
| Cor | Duas a cinco cores com códigos hex e proporções |
| Tipografia | Um ou dois tipos de letra, com tamanhos para título e texto corrido |
| Fundo | Um fundo de assinatura, como um gradiente, uma textura ou um tom, mais uma alternativa lisa |
| Imagens | Como são as fotografias ou ilustrações, e como são tratadas |
| Elementos gráficos | Formas, linhas, ícones ou padrões, se usares algum |
| Layout | Margens, alinhamento e onde fica o logótipo |
| Movimento | Velocidade e estilo do movimento, se publicares vídeo |

A linha do fundo é a que a maioria das pequenas marcas deixa em branco, e é a que cobre mais píxeis.

## Uma identidade visual tem de funcionar em todos os tamanhos

O verdadeiro teste de uma identidade visual é a amplitude. A mesma marca tem de se aguentar numa story alta, num banner muito largo, num cartão de visita pequeno e numa miniatura de vídeo. Os logótipos tendem a falhar nos extremos; uma cor, uma tipografia e um fundo de assinatura atravessam todos.

- Story 9:16: 1080 × 1920
- Publicação do Instagram 4:5: 1080 × 1350
- Miniatura do YouTube: 1280 × 720
- Cartão de visita: 1050 × 600
- Banner do LinkedIn: 1584 × 396

Cinco formatos reais, desenhados à escala. Uma identidade visual deve parecer ela própria em todos eles.

Um cartão de visita de um estúdio de cerâmica com tipografia simples sobre um fundo de assinatura com gradiente

Um cartão de visita a 300 dpi…

Um banner largo do LinkedIn para o mesmo estúdio de cerâmica com o mesmo fundo e a mesma tipografia

…e um banner do LinkedIn, reconhecivelmente igual sem logótipo nenhum.

## Como verificar se tens uma identidade visual

1. **Tapa o logótipo** Pega em seis publicações, páginas ou diapositivos recentes e esconde o logótipo em cada um. Se continuarem a parecer uma só marca, tens uma identidade visual.
2. **Mistura-os com a concorrência** Põe o teu trabalho no meio do trabalho de outros da tua categoria. Se o teu desaparecer, precisas de pelo menos um [ativo de marca distintivo](https://gradiently.design/pt-pt/guide/distinctive-brand-assets).
3. **Entrega-o a alguém novo** Pede a um colega ou freelancer que faça um design novo a partir das tuas regras. Se precisar de fazer muitas perguntas, as tuas regras ainda não estão escritas; começa um [guia de estilo da marca](https://gradiently.design/pt-pt/guide/brand-style-guide).

Se um Mark da Gradiently é o teu fundo de assinatura, o Studio desenha-o em todos os tamanhos e mantém os logótipos, as cores e os tipos de letra do teu kit de marca à distância de um clique, por isso o teste do logótipo tapado fica mais fácil de passar.

## FAQ

### O que é uma identidade visual?

É o sistema visível de uma marca: logótipo, cores, tipos de letra, imagens, elementos gráficos, fundos, layouts e movimento, definidos o suficiente para qualquer pessoa os aplicar.

### Qual é a diferença entre identidade visual e identidade de marca?

A identidade visual é só o que se vê. A identidade de marca inclui também o nome, o posicionamento e a voz, por isso a identidade visual é uma parte dela.

### Um logótipo é uma identidade visual?

Não. Um logótipo é um elemento de uma identidade visual. Sem cor, tipografia e fundos coerentes à volta, um logótipo raramente torna uma marca reconhecível por si só.

### O que deve incluir um sistema de identidade visual?

No mínimo: versões e regras do logótipo, uma paleta de cores com proporções, um ou dois tipos de letra, um fundo de assinatura com uma alternativa lisa, orientações para imagens e regras simples de layout.