Cabeçalho

O cabeçalho é dividido em 3 linhas horizontais. Para facilitar a identificação, dividimos as cores entre essas linhas.

Imagem de captura numerada do cabeçalho do tema Aurora. A linha 1 apresenta um campo de mensagem da loja, a linha 2, campo de busca, ícone de conta, logotipo e carrinho de compras. E baixo na linha 3, o menu de navegação de categorias do tema.

Linha 1 – Tarja de Mensagem

  • Cor de Fundo da Tarja: cor aplicada ao fundo da tarja com mensagens do cabeçalho.
  • Cor de Texto da Tarja: cor do texto da tarja, que deve ter contraste com o fundo.

Linha 2 – Linha do Logotipo

  • Cor do Indicador do Carrinho: cor do indicador que mostra que há produtos incluídos no carrinho. Deve ter contraste com o branco.

A Linha 3 – Linha de Categorias não possui opções de edição de cor.


Aurora 2

Os recursos abaixo estarão disponíveis a partir do Aurora 2

Linha 2 – Linha do Logotipo

  • Cor de Fundo: cor aplicada ao fundo da linha onde se encontra o logotipo.
  • Cor de Texto e Elementos: cor de textos e demais elementos que devem ter legibilidade sobre o fundo.
  • Cor de Fundo do Indicador do Carrinho: cor do fundo do indicador que mostra que há produtos incluídos no carrinho.
  • Cor de Texto do Indicador do Carrinho: cor do número que itens incluídos no carrinho, que deve ter legibilidade sobre o fundo do indicador.

Linha 3 – Barra de Categorias

  • Cor de Fundo: cor aplicada ao fundo da linha de categorias e também aos submenus de categorias.
  • Cor de Texto e Elementos: cor de textos e demais elementos que devem ter legibilidade sobre o fundo.

Observação: caso você inclua ícones nas categorias, é importante que também tenham legibilidade sobre o fundo escolhido.

Este artigo foi útil para você? Não Sim
Ainda preso? Como podemos ajudar?

Como podemos ajudar?