O teste que revela se você está perdendo venda
Um site bem construído normalmente usa entre 12 e 20 cores distintas no CSS. Passar bem disso — sites remendados chegam facilmente a 80 ou mais, boa parte cinzas quase idênticos — é sinal técnico real de que ninguém está mais no comando do design do seu site. E isso custa confiança antes mesmo da pessoa lembrar quem você é.
Por que “quantas cores” não é frescura de designer
Eu já entrei em projeto de cliente onde o dono jurava que o site “só precisava de uns ajustes”. Quando fui olhar o CSS de verdade, o botão de “Comprar” tinha três tons de verde diferentes em três páginas diferentes, o rodapé usava um azul que não existia em nenhum outro lugar do site, e havia mais de 40 tons de cinza — a maioria a olho nu indistinguíveis um do outro. Ninguém decidiu isso de propósito. Aconteceu.
É assim que a maioria dos sites de pequeno e médio negócio no Brasil chega a esse ponto: uma seção foi feita por um freelancer em 2019, outra por um plugin de página de vendas em 2021, o rodapé nunca foi tocado desde a criação. Cada pessoa que mexeu escolheu a cor “que combinava” no momento, sem nenhum sistema guiando a escolha. O resultado não aparece como um erro óbvio — aparece como uma sensação vaga de que “o site não parece tão profissional”, que o visitante sente e não sabe nomear.
O número que separa um site profissional de um remendado
Não é opinião, é uma contagem que dá para fazer no CSS de qualquer site:
- 12 a 20 cores distintas — faixa de um design system maduro. Alguém pensou em cada cor e no papel que ela cumpre: uma para ação, uma para texto, algumas neutras para fundo e borda.
- 80 ou mais, com uma fatia grande de cinzas quase iguais — sinal de site que cresceu sem controle. Cada seção nova trouxe a própria paleta, sem conversar com o resto.
- 3 ou mais famílias de fonte na mesma página costuma acompanhar esse mesmo padrão — é raro ver bagunça de cor sem bagunça de tipografia junto.
A Nielsen Norman Group, uma das referências mais respeitadas em pesquisa de usabilidade, chama isso de heurística de “consistência e padrões” — um dos princípios mais antigos e mais testados de toda a área. A lógica é simples: quando o mesmo tipo de elemento (um botão, um link, um alerta) muda de cor sem motivo de uma página pra outra, o visitante gasta energia mental tentando entender se aquilo significa algo diferente. Ele não devia estar pensando nisso — devia estar decidindo se compra de você.
O que a bagunça de cor custa de verdade
Cor demais sem hierarquia tem um efeito prático: nada se destaca, porque tudo grita ao mesmo tempo. Se o botão “Comprar” é verde numa página e laranja em outra, o visitante perde o atalho visual que aprendeu — “botão colorido = ação importante” — e o rodízio de cores confunde o que devia ser óbvio.
Tem também um efeito colateral técnico que passa despercebido: paletas bagunçadas costumam falhar em contraste. O W3C, organização internacional responsável pelos padrões de acessibilidade da web, exige uma razão de contraste mínima de 4,5:1 entre texto e fundo para leitura confortável — inclusive para quem tem baixa visão ou algum grau de daltonismo. Quando ninguém está controlando as cores de propósito, é comum um texto cinza-claro acabar sobre um fundo cinza-médio “sem querer”, ilegível pra uma parte real dos seus visitantes.
Nada disso precisa virar um “5/10 de design” — não é esse tipo de julgamento. É um número técnico que costuma indicar maturidade (ou falta dela), e que qualquer dono de negócio consegue entender sem jargão: mais de 80 cores num site pequeno quase nunca é escolha, é acúmulo.
Um cenário que você prvavelmente já viu
Imagine uma clínica que abriu o site em 2018, com um azul institucional e um verde de “agendar consulta”. Em 2020, contratou uma agência de tráfego pago que criou uma landing page de campanha à parte, com a própria paleta — um azul um pouco diferente do original, porque “ficava mais moderno”. Em 2022, um freelancer ajustou o blog e trouxe um terceiro tom de cinza para os títulos, porque o CSS antigo “estava difícil de mexer”. Nenhuma dessas pessoas fez algo errado isoladamente. Cada decisão, sozinha, fazia sentido no momento.
O problema é o resultado somado: hoje esse site tem três versões de azul que deveriam ser a mesma cor, dois botões de “agendar” com aparências diferentes dependendo da página, e um visitante que, sem saber explicar por quê, sente que está navegando em três sites diferentes costurados um no outro. Ninguém decidiu isso — foi o acúmulo de escolhas isoladas e razoáveis, sem ninguém olhando o conjunto.
Como descobrir quantas cores o seu site tem agora
Contar isso manualmente exigiria abrir o CSS inteiro do site e ir separando cor por cor — trabalho de horas, mesmo para quem entende de código. Por isso criei o Analisador SEO & Design: uma ferramenta gratuita que lê o CSS do seu site de verdade e devolve, entre outras coisas, exatamente esse número — quantas cores distintas, quantos cinzas quase iguais, quantas famílias e pesos de fonte, se existe um sistema de espaçamento coerente.
Você cola a URL, espera menos de 2 minutos, e recebe o retrato técnico do seu site — sem cadastro, sem instalar nada. Além das cores, o mesmo relatório traz SEO, velocidade e mobile, tudo numa nota só.
Veja o número do seu site agora
Cole a URL do seu site no Analisador SEO & Design e descubra em minutos quantas cores, fontes e problemas técnicos ele carrega hoje. Se o número vier alto e você quiser ajuda pra organizar isso, também dá pra falar comigo diretamente sobre criação e reestruturação de sites — sem pacote fechado, cada caso é um diagnóstico à parte.
Fontes
VAMOS DAR UMA CARA MAIS PROFISSIONAL AO SEU SITE?
Atendo empresas em todo o Brasil, com atenção especial a quem está no Sul de Minas. Conheça como estruturo o trabalho de criação e reestruturação de sites e vamos conversar sobre o que faz sentido pro seu momento.
