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

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 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.

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 e as fontes da marca 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.

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 é 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.

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ã.

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.

Como escrever a tua linguagem visual numa página

1. 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. 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. 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. 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. 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.

Guarda a página final onde todos os que criam coisas a possam ver. Um guia de estilo da marca 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.