Dependendo do modelo escolhido ao criar sua Loja, você terá uma paleta de cores predefinida, mas poderá alterá-la em "Design" no menu lateral.
Você encontrará a opção "Cores" em "Configurações gerais".
Existem 5 tipos de cores para personalizar sua Loja: primária, secundária, títulos, texto e parágrafos e plano de fundo da página.
Dicas para selecionar cores e fontes para sua Loja.
Cada uma dessas cores impacta diferentes elementos, títulos e textos dentro da mesma. Veja quais:
Cor principal
Afeta os seguintes elementos de design:
Botões
Redes sociais
Rodapé
Número da página
Título da FAQ
Esboço das variantes do seu produto
Alguns exemplos se você definir essa cor verde:
É assim que a cor "Primária" aparece nos seus ícones e botões de mídia social.
É assim que a cor "Primária" aparece no rodapé.
É assim que a cor "Primária" aparece na borda das variantes do seu produto, como tamanho.
Cor secundária
Afeta os seguintes elementos de design:
Bandeira
Sublinhando componentes do menu no cabeçalho da página
Ícones de banner de informações
Alguns exemplos se você definir essa cor amarela:
É assim que a cor "Secundária" aparece no banner e no sublinhado dos itens do menu.
É assim que a cor "Secundária" fica nos ícones do banner de informações.
Títulos
Afeta os seguintes elementos de design:
Título em destaque Texto + Imagem
Título do carrossel de imagens
Título da Folha de Contato
Título da tela que aparece ao clicar em “Descubra os custos e métodos de envio” de um produto
Título da tela que aparece quando você clica em “Retirada gratuita no ponto de venda” de um produto
Alguns exemplos se você definir essa cor como azul:
É assim que a cor “Títulos” fica no elemento Texto em destaque + imagem.
É assim que a cor “Títulos” aparece no carrossel de imagens.
Dica: preste atenção à cor da imagem para que o título fique bem legível.
É assim que a cor “Títulos” fica na página de contato.
É assim que a cor “Títulos” fica em Custos e Métodos de Envio.
Textos e parágrafos
Afeta os seguintes elementos de design:
Caixas de texto
Textos em Destaque Texto + Imagem
Nome e preço dos produtos no Carrossel de Produtos
Texto do formulário de contato
Título, texto e ícone do FAQ
Informações do produto nas quais clico na listagem: (título, preço, links de texto para ver métodos de pagamento, frete e pontos de venda, caixas para escolher tamanho e cor e descrição)
Alguns exemplos se você definir essa cor como preta:
É assim que as cores dos ‘Textos’ e parágrafos ficam no elemento Caixas de Texto.
É assim que as cores dos ‘Textos’ e parágrafos aparecem no carrossel de produtos.
É assim que as cores dos ‘Textos’ e parágrafos ficam nos seus produtos.
Plano de fundo da página
Plano de fundo de todas as páginas da sua loja.
Algumas dicas:
Para garantir que as cores foram aplicadas conforme o esperado, recomendamos que você visite sua Loja no navegador após publicar suas alterações e as revise. Especialmente a lista de seus produtos, seus detalhes e o carrinho de compras.
Certifique-se de que a cor do “Fundo da página” contraste com as outras cores. Se forem iguais ou muito semelhantes (por exemplo, branco e cinza claro), é provável que haja alguma informação que seus compradores não estejam vendo.
Utilize paletas que combinem com seu logotipo e sirvam para destacar seus produtos.