Passo a passo · 5 passos
Escolher a cor de destaque da marca
A cor de destaque é a cor da sua marca por cima do tema — aparece nos destaques do catálogo e no checkout do cliente. Escolha em Conta → Configurações da loja, no card "Cor de destaque"; a mudança aplica e salva sozinha.
Atualizado em 21 de julho de 2026
Nesta página
A cor de destaque é a cor da sua marca dentro da loja: ela pinta os destaques do catálogo e o checkout do cliente — botões e realces — por cima do tema escolhido. Você define em Conta → Configurações da loja, no card Cor de destaque. Não precisa clicar em Salvar: mexeu na cor, ela aplica ao vivo no painel e já fica salva automaticamente.
Como escolher a cor
- 1Abra o menu do usuário no topo do painel e clique em Configurações da loja.
- 2No card Cor de destaque, você verá uma bolinha colorida que mostra a cor atual e um campo de texto ao lado.
- 3Clique na bolinha colorida para abrir o seletor de cores. Você pode arrastar o cursor no seletor para escolher uma cor visualmente.
- 4Alternativamente, digite o código hexadecimal da cor (por exemplo,
#EDEA3C) diretamente no campo de texto ao lado da bolinha. O sistema aceita códigos de 6 dígitos (RRGGBB). Se você digitar um código parcial, como#ED, ele será completado quando você terminar de digitar um código válido ou perder o foco do campo. Se o código for inválido ao perder o foco, ele voltará para a última cor válida. - 5Se preferir, clique em um dos presets — as bolinhas de cores prontas logo abaixo do seletor. As opções incluem:
- Amarelo Limão (
#edea3c) - Amarelo Ouro (
#d9d61a) - Cinza Escuro (
#0c0d0a) - Laranja (
#f37b27) - Vermelho (
#d9534f) - Verde (
#5eaa8e) - Azul (
#4f93d9) - Roxo (
#9c79d9)
Pronto — a cor aparece na hora no painel. A mudança é salva automaticamente após um breve instante (cerca de 0,7 segundos) e aplicada em tempo real. Confira o resultado final na aba Loja do menu de cima ou visitando sualoja.invo.com.br numa janela anônima (logado, esse endereço abre o seu modo de edição).
Como a cor convive com o tema
Cada tema vem com uma cor de destaque padrão. A sua escolha substitui essa padrão e vale em toda a loja. Ao trocar de tema, a cor de destaque que você escolheu permanece a mesma, não voltando para o padrão do tema novo. Isso garante que a identidade visual da sua marca seja consistente, independentemente do tema.
Onde a cor aparece
- Nos destaques e realces do catálogo público, como botões e links.
- No checkout do cliente, colorindo os botões de ação do pedido.
- No fundo do ícone da aba do navegador (favicon), quando você gera o favicon a partir da logo.
Dica
escolha uma cor com bom contraste sobre o fundo do tema — os temas escuros (Breu, Musgo, Cobre) pedem cores mais vivas ou claras para garantir a legibilidade.
Perguntas frequentes
O que acontece se eu digitar um código hexadecimal inválido?
Se você digitar um código incompleto ou inválido no campo de texto, o sistema aguardará um código de 6 dígitos válido. Se você sair do campo sem completar um código válido, ele reverterá automaticamente para a última cor válida salva.
A cor de destaque afeta a logo ou as imagens dos produtos?
Não, a cor de destaque é aplicada apenas aos elementos de interface da sua loja, como botões, links e realces. Ela não altera as cores da sua logo ou das imagens dos produtos que você cadastrou.
Posso ter cores diferentes para partes diferentes da loja?
Não, a cor de destaque é uma configuração global para a sua marca. Ela é aplicada de forma consistente em todos os elementos de interface que usam a cor de destaque, garantindo uma identidade visual unificada.
Este artigo te ajudou?
Leia também
Travou em algum passo?
A Ivi, nossa IA, responde na hora — e se precisar, você fala com uma pessoa do time no WhatsApp.