Temas e Personalização Visual
O MeuCardapio.ai permite personalizar completamente a aparência do seu cardápio digital. Escolha entre temas prontos para datas comemorativas, crie um tema personalizado com suas cores ou deixe a inteligência artificial gerar uma paleta a partir da logo do seu estabelecimento.
Temas disponíveis
O sistema oferece temas prontos que podem ser ativados com um clique. Cada tema ajusta automaticamente todas as cores do cardápio.
| Tema | Identificador | Indicação |
|---|---|---|
| Black | black | Visual escuro elegante para qualquer época |
| Black Friday | black_friday | Promoções de novembro |
| Black Friday 2022 | black_friday_2022 | Variação com layout atualizado |
| Natal | natal | Dezembro e festas de fim de ano |
| Ano Novo | ano_novo | Virada do ano e primeiros dias de janeiro |
| Carnaval | carnaval | Fevereiro e março |
| Páscoa | pascoa | Período pascal |
| Dia das Mães | dia_maes | Maio |
| Dia dos Namorados | dia_namorados | Junho |
| Arraial / São João | arraia | Festas juninas |
| Dia dos Pais | dia_pais | Agosto |
| Quiosque | quiosque | Estabelecimentos ao ar livre |
| Tema Personalizado | tema-personalizado | Cores 100% definidas por você |
Troque o tema em datas comemorativas para dar um ar festivo ao cardápio. Seus clientes percebem o cuidado.
Como alterar o tema
- No menu lateral, acesse Configurações do cardápio
- Localize a seção Tema
- Selecione o tema desejado na lista
- Clique em Salvar
- Abra o cardápio para verificar o resultado
Tema Personalizado
Ao selecionar Tema Personalizado, você ganha controle total sobre cada cor do cardápio. O sistema organiza as cores em grupos para facilitar o ajuste.
Cores do fundo e layout
| Propriedade | O que controla |
|---|---|
| Cor de fundo do site | Fundo geral de toda a página do cardápio |
| Cor de fundo dos elementos | Cards de produtos, caixas e painéis |
| Cor de borda | Bordas e separadores entre elementos |
| Cor de destaque | Promoções, badges e elementos em evidência |
| Cor de hover | Efeito ao passar o mouse sobre itens clicáveis |
Cores de texto
| Propriedade | O que controla |
|---|---|
| Cor de texto primária | Títulos de produtos e textos principais |
| Cor de texto secundária | Descrições e informações adicionais |
| Cor de texto do fundo | Textos sobre áreas de destaque |
Cores de preço
| Propriedade | O que controla |
|---|---|
| Cor de preço | Preço principal dos produtos |
| Cor de preço adicional | Fundo do badge de preço de adicionais (ex: "+R$ 3,00") |
| Cor de texto do preço adicional | Texto dentro do badge de preço adicional |
Cores do topo (cabeçalho)
| Propriedade | O que controla |
|---|---|
| Cor de fundo | Fundo do cabeçalho do cardápio |
| Cor de texto | Textos exibidos no topo |
Cores do rodapé
| Propriedade | O que controla |
|---|---|
| Cor de fundo do rodapé | Fundo da barra inferior |
| Cor de texto do rodapé | Textos no rodapé |
| Cor de borda do rodapé | Linha superior do rodapé |
| Cor do item ativo | Item selecionado no menu do rodapé |
| Cor dos botões +/- | Botões de incremento e decremento de quantidade |
Cores do botão
| Propriedade | O que controla |
|---|---|
| Cor do botão | Fundo dos botões de ação (ex: "Adicionar") |
| Cor de texto do botão | Texto dentro dos botões |
Gerar paleta com Inteligência Artificial
O MeuCardapio.ai utiliza IA para gerar paletas de cores profissionais de duas formas.
A partir de uma descrição
- Acesse o editor de tema personalizado
- Clique em Gerar com IA
- Descreva o estilo desejado (ex: "moderno e minimalista com tons de verde escuro")
- A IA gera automaticamente todas as 20 cores da paleta
- Revise o resultado e ajuste cores individuais se necessário
- Clique em Salvar
A partir da logo do estabelecimento
- Acesse o editor de tema personalizado
- Clique em Gerar com IA a partir de imagem
- Envie a logo ou uma imagem de referência (formatos aceitos: JPG, PNG; tamanho máximo: 5 MB)
- A IA extrai as cores principais da imagem
- Com base nessas cores, gera uma paleta harmônica para todo o cardápio
- Revise e salve
O processo usa duas etapas de IA: primeiro extrai as cores dominantes da imagem, depois gera uma paleta completa garantindo contraste e harmonia entre todos os elementos do cardápio.
Pré-visualização em tempo real
Ao editar as cores do tema personalizado, o sistema exibe uma pré-visualização do cardápio com as cores aplicadas. Use esse recurso para verificar:
- Contraste entre texto e fundo
- Legibilidade dos preços
- Aparência dos botões
- Harmonia visual geral
Boas práticas de design
Contraste e legibilidade
- Mantenha alto contraste entre texto e fundo. Texto claro sobre fundo escuro ou texto escuro sobre fundo claro.
- Evite texto cinza-claro sobre fundo branco: o cliente não consegue ler no celular sob luz solar.
- Teste o cardápio no celular antes de publicar.
Cores e identidade visual
- Use no máximo 3 cores principais (fundo, destaque e botão). O restante derive dessas três.
- Mantenha as cores alinhadas com a identidade visual do estabelecimento (logo, fachada, embalagens).
- Cores quentes (vermelho, laranja, amarelo) estimulam o apetite e funcionam bem para restaurantes.
Rodapé e navegação
- O item ativo do rodapé precisa se destacar claramente do fundo do rodapé.
- Os botões +/- devem ter contraste suficiente para serem encontrados rapidamente.
Temas sazonais
- Troque para temas comemorativos alguns dias antes da data e volte ao tema padrão logo após.
- Combine o tema com promoções específicas da data (ex: Black Friday + cupom de desconto).
Evite usar cores muito vibrantes no fundo inteiro do site. Fundos muito coloridos cansam a vista e desviam a atenção dos produtos.
Perguntas frequentes
Posso ter temas diferentes para delivery e mesa?
Não. O tema é único por estabelecimento e se aplica a todas as formas de visualização do cardápio (delivery, mesa e QR code).
O tema afeta o painel administrativo?
Não. O tema personaliza apenas o cardápio digital que o cliente final visualiza. O painel administrativo mantém sempre o layout padrão.
Posso voltar ao tema padrão depois de personalizar?
Sim. Basta selecionar qualquer outro tema na lista e salvar. As cores do tema personalizado ficam salvas e podem ser reativadas a qualquer momento.
A paleta gerada por IA pode ser editada?
Sim. Após a IA gerar a paleta, cada cor pode ser ajustada individualmente antes de salvar.
Existe limite de vezes para gerar paletas com IA?
Não há limite. Gere quantas paletas quiser até encontrar a combinação ideal.
A logo enviada para gerar a paleta fica armazenada?
Não. A imagem é processada temporariamente para extração das cores e removida automaticamente em seguida.