As cores valem para o perfil e para o cardápio ao mesmo tempo, porque para o cliente é a mesma página. São duas escolhas: a cor principal e a cor dos botões de ação. Cada categoria do cardápio ainda pode ter a própria cor de fundo.

Onde fica

  1. Entre na sua conta e abra o painel do Hubt.
  2. Escolha o estabelecimento.
  3. Clique em Perfil, no menu de cima.
Menu de cima do painel do Hubt com a seta apontando para Perfil
  1. Clique em Personalizar, ao lado do nome do estabelecimento.
  2. Fique na aba Nome e marca.
  3. Clique no lápis ao lado de Cores do perfil.
Janela Personalizar aberta, com a lista de abas do perfil à esquerda

O editor de cores

Editor de cores do perfil numerado: 1 prévia, 2 aba Cor principal, 3 aba Botões de ação, 4 paleta de cores, 5 Salvar
  • Prévia (1): um desenho da sua página em blocos. Ele não mostra as suas fotos nem os seus textos, só onde cada cor entra.
  • Cor principal (2): a aba da cor do topo e dos destaques.
  • Botões de ação (3): a aba da cor dos botões de pedido.
  • Paleta (4): 98 cores prontas. Clique em uma e a prévia muda na hora.
  • Salvar (5): confirma as duas cores. Cancelar volta como estava.

Como escolher as duas cores

A paleta tem 98 cores: são 14 famílias, cada uma com 7 tons, do mais vivo ao mais suave. Percorra a família inteira antes de decidir, porque o tom certo costuma estar no meio. As cores da paleta já vêm com o texto ajustado para continuar legível. O que depende de você é a combinação das duas.

  • Cor principal: pinta a faixa do topo da página, os títulos e os destaques. Comece pela sua marca. Se a logo tem uma cor forte, use ela aqui.
  • Botões de ação: pinta os botões de pedido, como Pedir na mesa e Pedir para entrega ou retirada. Escolha uma cor que contrasta com a principal.

O botão precisa aparecer. A cor dos botões de ação é a que leva o cliente para o pedido. Se ela ficar parecida demais com o fundo, o botão some e o pedido não sai. Teste no celular, com o brilho normal da tela.

A cor de cada categoria do cardápio

Além das cores do perfil, cada categoria do cardápio pode ter a própria cor de fundo.

  1. Clique em Cardápio, no menu de cima.
Menu de cima do painel do Hubt com a seta apontando para Cardápio
  1. Clique em Editar categoria, no cabeçalho da categoria.
  2. Escolha a Cor da categoria.
  3. Clique em Concluir.
Cabeçalho de uma categoria do cardápio, com a seta apontando para Editar categoria

A janela de edição da categoria abre com a paleta de cores pronta.

Janela de edição da categoria, com a escolha da cor de fundo

Cor de categoria é conteúdo do cardápio. Ela só aparece para o cliente depois que você publica. As cores do perfil, não. Elas aparecem para o cliente assim que você salva. Veja O que precisa publicar e o que atualiza na hora.

O que o cliente vê

A cor principal fica no topo e nos destaques da página. A cor dos botões aparece nos botões de pedido, e a cor de cada categoria pinta o fundo do bloco dela no cardápio.

Cardápio como o cliente vê, com as cores do perfil aplicadas na coluna do estabelecimento

Boas práticas

  • Cor principal é a da marca. Se a sua logo é roxa, o perfil roxo conversa com ela.
  • Botão com contraste. O botão de pedir precisa chamar atenção. Cor de botão parecida com o fundo derruba pedido.
  • Teste no celular e na luz do sol. Tom muito claro some na tela do lado de fora.
  • Cor da categoria diferente da cor da oferta. Se as duas forem iguais, a arte da oferta desaparece no fundo.
  • Cor muito clara no topo esconde o nome. O nome do estabelecimento fica sem destaque.

Perguntas frequentes

Posso usar o código hexadecimal da minha marca?

Não. A escolha é pela paleta. Se a cor exata da sua marca é importante para você, escolha a mais próxima e fale com a gente pelo Suporte.

Mudei a cor e o cardápio continua igual.

Depende de qual cor. A cor principal e a cor dos botões são do perfil, e aparecem assim que você salva. Basta atualizar a página do navegador. Já a cor de uma categoria é conteúdo do cardápio, então ela só chega no cliente depois que você publica.

A cor aparece no cartão de compartilhamento?

Aparece. A imagem padrão do compartilhamento usa a sua cor principal com a logo por cima. Se você trocou a imagem por uma sua, ela continua.

Quantas cores tem a paleta?

São 98: 14 famílias com 7 tons cada.

Veja também