Criação da loja e design

Como definir as cores da identidade da loja usando uma imagem ou paleta pronta?

Acesse Aparência e Identidade Visual para selecionar as cores da marca, confira a pré-visualização e salve o esquema para as áreas do tema.

Última revisão:

Onde posso alterar as cores?

Vá em Configurações e clique em Aparência e Identidade Visual. Esta seção é voltada exclusivamente para a paleta de cores e ferramentas visuais. O upload do logotipo da loja e a alteração do nome comercial ficam nas configurações gerais da conta; embora os nomes sejam parecidos, tratam-se de páginas diferentes.

Passo a passo para escolher uma paleta de cores

  1. Clique em Extrair cores de uma imagem caso tenha um logo ou arquivo de referência.
  2. Envie um arquivo nos formatos PNG, JPG ou WebP respeitando o limite máximo indicado de 10 MB.
  3. Analise as cores sugeridas e a distribuição de tons antes de confirmar.
  4. Caso prefira, escolha uma das paletas predefinidas ou ajuste os códigos hexadecimais manualmente.
  5. Avalie o resultado na área de prévia e salve a paleta usando o botão de confirmação.
Configurações de aparência na Joolyoo exibindo extração de cores, paletas prontas e atalhos para os módulos de criação.
Configurações de aparência na Joolyoo exibindo extração de cores, paletas prontas e atalhos para os módulos de criação. Capturas de tela da interface em árabe da Mollkom. O idioma dos botões e as opções disponíveis podem variar em sua conta.

Exemplo da interface

A Joolyoo exibe paletas prontas como «Sálvia Suave» e «Lavanda Rosado». Escolha a paleta com base na identidade da marca e na legibilidade do texto, não apenas no nome. Se a cor da marca for clara, não assuma que ela funcione bem como fundo para todos os botões ou textos.

Como testar as cores?

Verifique o contraste entre o texto e o fundo e a clareza das ações principais. Avalie a imagem do produto sobre a superfície escolhida e teste no celular e em idiomas com textos mais longos. As cores salvas são aplicadas aos layouts adequados, mas não redesenham automaticamente materiais anteriores.

Quando usar as outras ferramentas de design?

Abra a Loja de Temas para escolher um tema, o Editor para ajustar o layout e as seções, ou o Designer Automático para criar um layout com base no catálogo. Salvar a identidade visual é uma etapa independente de publicar uma nova versão da vitrine da loja.