Cerca de sete segundos é o tempo que muitos visitantes dão a uma página antes de decidirem ficar ou sair. Nessa janela, a paleta de cores da marca faz mais trabalho do que o teu texto de vendas. A clareza visual ganha-te os segundos extra de que precisas para explicar a tua oferta.
Uma paleta de cores da marca lista as cores aprovadas para logótipos, web, impressão e gráficos das redes sociais. Este capítulo explica o que isso quer dizer em linguagem simples, porque afeta o teu website e o teu marketing e como a aplicar sem te perderes em jargão. Vais ver também como as combinações de cores se encaixam no mesmo quadro. Vamos por partes.
O que significa a paleta de cores da marca na prática
Uma paleta de cores da marca lista as cores aprovadas para logótipos, web, impressão e gráficos das redes sociais.
As paletas documentadas evitam que cada novo material introduza um tom novo.
As combinações de cores devem incluir neutros para os fundos e para o texto corrido.
Como aplicar a paleta de cores da marca no teu website
Acrescenta cores semânticas para as mensagens de sucesso e de erro, se o teu website usar formulários.
Começa por uma página, como a página inicial ou a principal página de destino. Resolve primeiro o maior problema e depois leva o mesmo padrão para os outros modelos.
Combina este capítulo com contraste de cores como base e com erros de cor em websites como passo seguinte neste módulo.
Lista prática que podes usar hoje
Acrescenta cores semânticas para as mensagens de sucesso e de erro, se o teu website usar formulários.
Quando reves uma página, pergunta-te se a paleta de cores da marca é visível logo no primeiro scroll no telemóvel. Se não for, reordena as secções antes de polires os detalhes.
Guarda capturas de ecrã antes e depois das alterações, para perceberes o que fez a diferença na paleta de cores da marca no teu website.
Partilha esta lista com quem atualiza o teu website, para que as combinações de cores se mantenham consistentes nas páginas novas.
Escolhe uma métrica para acompanhar este mês, como o tempo na página ou o número de formulários iniciados, para que as alterações de design se liguem a resultados do negócio e não apenas ao gosto.
Como este tema se liga ao resto da tua marca
As escolhas visuais raramente vivem só numa página. As combinações de cores devem incluir neutros para os fundos e para o texto corrido.
As tuas publicações nas redes sociais, os teus emails e os teus materiais impressos devem repetir a mesma hierarquia, as mesmas cores e as mesmas regras de tipografia que usas na web.
Quando os visuais da marca se afastam uns dos outros, os clientes sentem uma discrepância subtil, mesmo sem a saberem explicar.
Usa erros de cor em websites para comparares notas com um capítulo relacionado deste módulo.
As paletas documentadas evitam que cada novo material introduza um tom novo.
Perguntas que muita gente ignora
Termos secundários, como combinações de cores e teoria das cores para designers, ajudam-te a procurar exemplos mais aprofundados e a comparar o teu trabalho com padrões comuns.
As combinações de cores devem incluir neutros para os fundos e para o texto corrido.
Escreve uma alteração de antes e depois que vais testar numa página real esta semana. Pequenas edições medidas valem mais do que planos vagos.
Ensinar à tua equipa um vocabulário comum em torno da paleta de cores da marca reduz os ciclos de revisão com designers e agências.
Ferramentas que facilitam as atualizações visuais
Não precisas de código à medida para resolver muitos problemas de layout e de estilo. Um editor visual permite-te ajustar o espaçamento, as cores e a tipografia enquanto pré-visualizas as versões para telemóvel e computador.
A WEMASY inclui um criador de websites com edição visual, para publicares alterações sem esperares por um programador a cada ajuste. Abre o criador de websites quando estiveres pronto para aplicar o que aprendeste.
Quando publicares as atualizações, volta a ver contraste de cores e esquemas de cores para que o módulo fique ligado na tua cabeça.
Agora tens uma lente de trabalho para a paleta de cores da marca. Usa-a quando reveres o teu website, aprovares materiais de marketing ou orientares um designer. Continua com esquemas de cores e erros de cor em websites para manteres o ritmo neste módulo.
Perguntas frequentes
Quanto tempo leva a melhorar a paleta de cores da marca?
A maioria das pequenas empresas vê páginas mais claras ao fim de algumas sessões focadas, depois de aplicar o essencial deste capítulo. Começa pela página inicial e depois aplica as mesmas regras às páginas de serviços e de contacto.
Precisas de um designer para trabalhar a paleta de cores da marca?
Um designer ajuda em rebrandings complexos, mas muitas correções ligadas à paleta de cores da marca fazem-se por conta própria quando sabes o que procurar. Usa contraste de cores a par deste capítulo para teres orientações relacionadas.
A WEMASY pode ajudar-te a aplicar a paleta de cores da marca no teu website?
A WEMASY inclui um editor visual no criador de websites, para ajustares o layout, as cores e a tipografia sem código. Abre o criador de websites para atualizar modelos e pré-visualizar as alterações no telemóvel.
Qual é o erro mais comum com a paleta de cores da marca?
As pessoas tentam corrigir tudo de uma vez, em vez de uma página de cada vez. Escolhe uma única prioridade, como a legibilidade ou o contraste, e depois vê esquemas de cores para a melhoria seguinte.
Como é que a paleta de cores da marca se liga ao SEO?
Uma hierarquia visual clara e um texto legível mantêm os visitantes mais tempo na página, o que reforça os sinais de envolvimento que os motores de pesquisa acompanham. Combina as correções de design com uma boa estrutura de conteúdo para obteres os melhores resultados.
O que deves aprender a seguir à paleta de cores da marca?
Continua com contraste de cores e esquemas de cores neste livro, para construíres um sistema visual completo para a tua marca online.