São três cores, e cada uma faz um trabalho diferente na loja. Vale entender qual é qual antes de sair mudando.

Onde configurar

Configurações › Catálogo Online › Opções de Exibição

As três primeiras opções são Cor Principal, Cor Secundária e Cor de Fundo. A bolinha ao lado de cada uma mostra a cor atual.

O que cada cor faz

Cor Principal — a identidade visual da marca. Pinta a categoria ativa, a variação selecionada, os chips de filtro e os destaques de navegação. É a cor que o cliente associa à sua loja.

Cor Secundária — a cor de conversão: preços dos produtos, botão de adicionar ao carrinho e botão de finalizar pedido. É a cor que leva à venda.

Se você não configurar, ela herda a Cor Principal.

Cor de Fundo — o fundo das páginas do catálogo.

Como escolher uma cor

Toque na cor que quer mudar. Abre o seletor, onde você pode:

• Girar o círculo até chegar no tom.
• Ou digitar o Código da Cor direto, se você tem o hexadecimal da sua marca (ex.: #34076D).

Toque em Selecionar Cor. A mudança é salva na hora.

O alerta de contraste

Se aparecer em vermelho:

"Baixo contraste entre a cor secundária e a cor de fundo pode dificultar a leitura dos preços."

Isso significa que a cor secundária e a de fundo são parecidas demais. Como a secundária é a cor dos preços, o cliente vai ter dificuldade de ler quanto custa — e preço que não se lê é venda que não acontece.

Casos típicos: amarelo claro em fundo branco, cinza médio em fundo cinza claro.

A correção é simples: escureça a cor secundária, ou clareie o fundo. O alerta some sozinho quando o contraste fica suficiente.

Uma dica de escolha

Use a Principal para a cor da sua marca — aquela do logo, do letreiro, da fachada.

Para a Secundária, escolha uma cor que se destaque do fundo e que não apareça em mais nada da página. É ela que precisa puxar o olho para o preço e para o botão de comprar.

E resista à vontade de usar uma Cor de Fundo forte: fundo branco ou bem claro deixa as fotos dos produtos aparecerem, que é o que de fato vende.