A identidade visual é o cartão de visita da sua loja. Aprenda a personalizar cores e logo para criar uma marca memorável!
🎨 Por que personalizar?
- Cria identidade única
- Transmite profissionalismo
- Aumenta reconhecimento da marca
- Diferencia da concorrência
Acessando Personalização
- Faça login no painel
- Clique em 🎨 Aparência
- Selecione "Personalizar"
Alterando o Logo
Passo 1: Prepare sua logo
📐 Especificações Recomendadas
- Formato: PNG (com fundo transparente) ou SVG
- Tamanho: 300x100 pixels (retangular)
- Peso: Máximo 500KB
- Tipo: Horizontal funciona melhor
Passo 2: Faça upload
- Na seção "Logo", clique em "Alterar"
- Selecione o arquivo da sua logo
- Aguarde o upload
- Veja a prévia
- Clique em "Salvar"
💡 Não tem logo?
Use ferramentas gratuitas como Canva ou Looka para criar uma logo profissional em minutos!
Alterando as Cores
Cores que você pode personalizar:
| Elemento | Onde aparece |
|---|---|
| 🎨 Cor primária | Botões, links, destaques |
| 🎨 Cor secundária | Badges, ícones, acentos |
| 🎨 Cor do cabeçalho | Header da loja |
| 🎨 Cor do texto | Textos e descrições |
| 🎨 Cor de fundo | Background da página |
Como alterar:
- Clique no campo da cor desejada
- Escolha pelo seletor de cores
- Ou digite o código HEX (ex: #FF5733)
- Veja a prévia em tempo real
- Clique em "Salvar"
Combinações de Cores
🎨 Paletas Sugeridas por Nicho
| Moda Feminina: | Rosa #E91E63 + Dourado #FFD700 |
| Tecnologia: | Azul #2196F3 + Cinza #607D8B |
| Natureza/Orgânicos: | Verde #4CAF50 + Marrom #795548 |
| Luxo: | Preto #212121 + Dourado #C9A227 |
| Infantil: | Azul #03A9F4 + Amarelo #FFEB3B |
Dicas de Design
✅ Boas Práticas
- ✅ Use no máximo 3 cores
- ✅ Mantenha bom contraste (texto x fundo)
- ✅ Cores claras = sensação limpa e moderna
- ✅ Cores escuras = sensação premium
- ✅ Teste em celular e computador
⚠️ Evite
- ❌ Muitas cores diferentes
- ❌ Texto claro em fundo claro
- ❌ Cores muito vibrantes em grandes áreas
- ❌ Trocar cores com frequência
Favicon (Ícone da Aba)
O favicon é o ícone que aparece na aba do navegador:
- Na seção "Favicon", clique em "Alterar"
- Use imagem quadrada (128x128 ou 256x256 pixels)
- Formatos: PNG, ICO ou SVG
- Faça upload e salve
💡 Dica
Use uma versão simplificada da sua logo como favicon. Geralmente apenas o símbolo/ícone funciona melhor que o texto completo.
Prévia e Teste
- Após salvar, clique em "Ver Loja"
- Confira em modo desktop
- Teste em modo mobile (F12 no navegador)
- Peça opinião de amigos/familiares
Checklist de Personalização
✅ Antes de Lançar
- ☐ Logo em boa qualidade
- ☐ Cor primária definida
- ☐ Cor secundária combinando
- ☐ Favicon configurado
- ☐ Testado no celular
- ☐ Textos legíveis