Pular para o conteúdo
HubFlowerCentral de AjudaConhecer a HubFlower
Aparência · 2 min no guia rápido

Como ajustar cores e acabamento sem perder legibilidade?

Use a cor de fundo para identificar a loja e confira textos e controles nas áreas de conteúdo. Nos temas claros, a moldura aparece em um tom suave dessa cor.

Para que serve
A identidade visual fica consistente e os controles continuam fáceis de ler.
O que você consegue
Os componentes compatíveis da loja usam as escolhas salvas.
Onde acessar

No painel: Configurações → Identidade e sistema visual → Estilo

Passo a passo

  1. Passo 1.

    Confira as cores

    Ajuste Cores da marca e compare fundo, texto e botão. Campos e áreas de compra mantêm um fundo separado da moldura.

    Confira: A ação principal permanece legível.

  2. Passo 2.

    Confira o acabamento

    Em Acabamento da loja, compare fontes, títulos, botões e cards na prévia.

    Confira: O estilo mantém a hierarquia das informações.

  3. Passo 3.

    Salve e leia no celular

    Use Salvar alterações e compare Home, catálogo e produto em tela estreita. Confira a data escolhida e os campos de endereço.

    Confira: O fundo é consistente e as escolhas continuam claras.

Cores da marca e contraste do rodapé

Exemplo com dados fictícios. Compare texto, botão e fundo na prévia; o rodapé tem opções de contraste próprias. Identidade no painel é uma preferência separada da apresentação pública. Clique ou toque na foto para ampliar.
  • Prévia ao vivo A cor escolhida precisa manter ações e textos legíveis; uma cor bonita sozinha não confirma o contraste.

Como conferir

  • Identidade no painel é uma preferência própria; não redesenha toda a operação.
  • Uma combinação de cores pode ser impedida se o rodapé perder contraste.

Esta orientação ajudou?

São duas respostas rápidas. Você escolhe se quer enviar.

Esta orientação foi útil?
Ficou claro o que fazer?