# Linguagem visual: a gramática por trás do look de uma marca

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

Um logótipo é uma palavra. Uma linguagem visual é a gramática que permite a uma marca dizer coisas novas e continuar a soar a si própria. Eis as suas partes e uma forma de escreveres as tuas regras numa só página.

## The short version

- Uma linguagem visual é o vocabulário de cores, tipografia, formas, imagens, superfícies e movimento de uma marca, mais as regras para os combinar.
- As regras importam mais do que os elementos, porque duas marcas podem partilhar uma cor ou um tipo de letra e ainda assim parecer completamente diferentes.
- Uma linguagem visual útil cabe numa página e responde a perguntas práticas, como onde fica o título e quanto do ecrã o destaque pode cobrir.
- Uma linguagem visual está a funcionar quando alguém reconhece o teu post com o logótipo tapado.
- A maioria das marcas precisa de menos elementos do que pensa, usados com mais disciplina.

Uma **linguagem visual** é o conjunto de elementos que uma marca usa (cor, tipografia, forma, imagem, superfície e movimento) juntamente com as regras para os combinar. Pensa nos elementos como vocabulário e nas regras como gramática. O vocabulário sozinho diz muito pouco: muitas marcas usam azul-marinho e uma sem serifa geométrica. É a gramática, o tamanho a que corre a letra, onde se põe a cor, o que nunca é permitido, que faz um design inconfundivelmente de uma marca.

Essa distinção explica porque uma linguagem visual vai mais longe do que um logótipo ou uma paleta. É o que permite a um designer, a um freelancer ou a uma IA fazer algo novo numa terça-feira à tarde que continua a parecer vir do mesmo sítio que tudo o resto. Vive dentro da tua [identidade visual](https://gradiently.design/pt-pt/guide/visual-identity) mais ampla e é a parte que as pessoas realmente sentem.

## Os elementos de uma linguagem visual

O vocabulário de qualquer marca recorre às mesmas seis famílias. Não precisas de algo notável em todas as seis. Precisas de uma decisão clara em cada uma e de uma ou duas em que sejas verdadeiramente distintivo.

| Elemento | A decisão | Uma regra escrita poderia dizer |
| --- | --- | --- |
| Cor | Um fundo, uma cor principal, um destaque e as suas proporções | Fundo tinta em tudo; o destaque coral cobre menos de um décimo de qualquer ecrã |
| Tipografia | Um tipo de letra para títulos, outro para o corpo, tamanhos e caixa | Títulos em minúsculas com maiúscula inicial, nunca com mais de sete palavras |
| Forma | Cantos, linhas, contentores, estilo de ícones | Cantos suaves nas fotografias, cantos retos nos painéis de texto |
| Imagem | O que as fotografias mostram e como são tratadas | Pessoas a trabalhar, nunca em pose; fotografias com o duotone da marca |
| Superfície | Lisa, granulada, brilhante, de papel, iluminada | Todos os fundos têm grão fino e luz vinda de cima à direita |
| Movimento | Velocidade, suavização, o que mexe e o que fica quieto | Os fundos deslizam devagar; as palavras nunca se mexem depois de assentarem |

Seis famílias de elementos e o tipo de regra que transforma cada uma de escolha em linguagem.

Repara que cada regra da coluna da direita é específica o suficiente para se discutir. “Moderno e limpo” não é uma regra. “Títulos nunca com mais de sete palavras” é, porque podes confrontar um design com ela. A [hierarquia visual](https://gradiently.design/pt-pt/guide/visual-hierarchy) e as [fontes da marca](https://gradiently.design/pt-pt/guide/brand-fonts) aprofundam as decisões de tipografia.

## Gramática: as regras que a tornam tua

É na gramática que uma linguagem visual passa a poder ser tua. Duas marcas podem escolher violeta, mas uma inunda o ecrã inteiro com ele e usa letra branca, enquanto a outra mantém um fundo quente de papel e deixa o violeta aparecer só como uma linha fina. A mesma palavra, frases diferentes.

- Fundo tinta: #14111f
- Violeta profundo: #3b2a6b
- Violeta principal: #8b6cf0
- Lilás pálido: #efe9ff
- Destaque coral: #ff7a59

As mesmas cinco cores podem fazer duas marcas muito diferentes. A paleta é vocabulário; a proporção e a colocação são gramática.

As regras que vale a pena escrever dividem-se em quatro tipos:

- **Proporção:** quanto de um ecrã cada cor, imagem ou bloco de texto pode ocupar. A [regra 60 30 10](https://gradiently.design/pt-pt/guide/60-30-10-rule) é um bom ponto de partida.
- **Colocação:** onde as coisas vivem. Logótipo em baixo à esquerda, título no terço superior, destaque só numa margem.
- **Ritmo:** como os designs se repetem num feed ou numa apresentação. Por exemplo, um post em cada três só com texto.
- **Contenção:** o que nunca se faz. Sem contornos nas letras, no máximo dois tamanhos de letra por ecrã, sem fotografias de stock de apertos de mão.

> **O teste do logótipo tapado** Tapa o logótipo com a mão nos teus últimos seis posts. Se um desconhecido ainda consegue perceber que são todos teus, a tua linguagem visual está a funcionar. Se não, procura a família onde não tens nenhuma regra.

## Exemplos de linguagem visual na prática

Eis uma pequena marca, um atelier de cerâmica de bairro, a falar numa única linguagem visual em duas mensagens muito diferentes. As regras: um fundo escuro com uma só cor iluminada, títulos curtos com maiúscula só na inicial, pequenos pormenores numa linha por baixo e mais nada no ecrã.

Um post vertical de Instagram de um atelier de cerâmica a anunciar que as aulas de roda estão de volta, com um título curto sobre um fundo escuro iluminado

Um anúncio: uma frase, uma linha de pormenor, a superfície a fazer o trabalho da marca.

Um post vertical de citação do mesmo atelier de cerâmica, com o mesmo fundo, a mesma letra e as mesmas proporções do anúncio

Um post de citação: outro trabalho, a mesma gramática, por isso lê-se como o mesmo atelier.

Nenhum dos posts precisa de logótipo para ser reconhecido depois de o público ter visto alguns. É esse o ganho de uma gramática coerente, e é nisso que assentam os [elementos de marca distintivos](https://gradiently.design/pt-pt/guide/distinctive-brand-assets).

## Como escrever a tua linguagem visual numa página

1. **Reúne o que já fazes** Estende os teus últimos vinte designs. Faz um círculo no que se repete por hábito e no que muda de cada vez. Os hábitos já são a tua linguagem; o caos é onde faltam regras.
2. **Escolhe uma assinatura** Escolhe o elemento pelo qual queres ser conhecido. Para muitas marcas pequenas, o candidato mais forte é o fundo, porque preenche a maior parte de cada ecrã.
3. **Escreve uma regra por família** Cor, tipografia, forma, imagem, superfície, movimento. Uma frase para cada, específica o bastante para um design passar ou chumbar.
4. **Junta três coisas que nunca fazes** As regras de contenção são a forma mais rápida de travar a deriva. Escreve-as como simples proibições.
5. **Testa em três trabalhos diferentes** Faz um post de saldos, um de recrutamento e uma citação só com as regras. Se um deles parecer de outra empresa, aperta a regra que o deixou divagar.

### Vago

- Usar as cores da marca
- Manter limpo e moderno
- Os tipos de letra devem parecer simpáticos
- As imagens devem estar de acordo com a marca

### Utilizável

- Fundo tinta; coral em menos de um décimo do ecrã
- Um título, uma linha de pormenor, mais nada
- Sem serifa arredondada nos títulos, maiúscula só na inicial
- Fotografias com o duotone da marca, só com pessoas

Guarda a página final onde todos os que criam coisas a possam ver. Um [guia de estilo da marca](https://gradiently.design/pt-pt/guide/brand-style-guide) completo pode vir depois; a página única é o que as pessoas realmente leem.

## Manter a linguagem visual coerente à medida que cresces

As linguagens desviam-se quando mais pessoas as começam a falar. A solução é pôr as regras dentro das ferramentas, e não num documento que ninguém abre. Os modelos ajudam, mas congelam mais os esquemas do que transportam uma voz.

É aqui que o Gradiently se encaixa naturalmente. Um Mark leva sozinho grande parte de uma linguagem visual: a família de cores, os materiais, a luz, o grão, o movimento e uma voz tipográfica, desenhados ao vivo por trás de cada design e em todos os tamanhos. As suas funções de legibilidade mantêm as palavras legíveis onde quer que caiam, por isso as regras de colocação aguentam-se mesmo quando alguém novo faz o post. Com as tuas fontes, logótipos e voz no kit de marca, o Designer trabalha dentro dessas regras quando cria novos designs.

## FAQ

### O que é uma linguagem visual em design?

É o conjunto de elementos visuais que uma marca ou produto usa, como cor, tipografia, forma, imagem, superfície e movimento, mais as regras para os combinar, para que cada design soe como uma só voz.

### Qual é a diferença entre linguagem visual e identidade visual?

A identidade visual é todo o sistema de elementos, incluindo o logótipo. A linguagem visual é a gramática lá dentro: como esses elementos se comportam e se combinam em qualquer design novo.

### Quais são os elementos de uma linguagem visual?

Normalmente cor, tipografia, forma, imagem, superfície ou textura e movimento. Cada um precisa de pelo menos uma regra clara e verificável.

### Como sei se a minha linguagem visual está a funcionar?

Tapa o logótipo num conjunto de designs recentes. Se as pessoas ainda percebem que todos vêm de ti, a linguagem está a cumprir a sua função.