Em Meu Site → Design você personaliza a identidade visual do site inteiro: cores, efeitos, fontes, estilo, logo e rodapé. Se você ainda não criou o site, comece por Como criar e publicar seu site. A tela tem duas colunas: os controles à esquerda e o Preview ao vivo à direita, que mostra cada mudança na hora — mas nada entra no ar até você clicar em Salvar.
Preview ao vivo
No topo do preview você alterna entre Computador e Celular para conferir o site nos dois tamanhos, e usa Recarregar preview se quiser recarregar a página.
Cores
O card Cores tem uma cor para cada parte do site: Cor primária, Fundo, Texto, Títulos, Destaque, Links, Links (hover) (a cor do link quando o mouse passa por cima), Fundo do rodapé e Texto do rodapé. Clique no quadrado da cor para abrir o seletor: escolha na área de cor e na barra de matiz, digite o código hexadecimal ou clique numa das cores prontas. O botão Restaurar volta as cores à paleta original do tema.
Efeitos
- Revelar seções ao rolar — cada seção surge com um fade suave ao entrar na tela.
- Zoom nas imagens ao passar o mouse — as fotos aumentam levemente quando o visitante passa o mouse.
Fontes e tamanhos
No card Fontes e tamanhos há uma linha para cada parte do texto:
- Títulos — fonte, tamanho e estilo.
- Texto — fonte e tamanho.
- Menu — fonte e tamanho.
Cada fonte aparece na lista já escrita com ela mesma, para você comparar. Os tamanhos vão de Pequeno a Muito grande. O padrão é Médio, que mantém o tamanho atual do site — então mexer aqui nunca altera um site já publicado sem querer.
Estilo dos títulos
O Estilo dos títulos define o caráter dos títulos (peso, caixa-alta, espaçamento) — não o tamanho, que é o controle ao lado:
- Clássico — equilibrado, para a maioria dos sites.
- Display (grande e leve) — títulos grandes e finos, ar editorial.
- Editorial (caixa alta) — tudo em maiúsculas, com espaçamento entre letras.
- Impacto (pesado) — títulos encorpados, para chamar atenção.
Dica: passe o mouse sobre o ícone de informação (ⓘ) ao lado de Estilo dos títulos e de Posição do menu para ver uma explicação rápida.
Estilo
Ajustes globais de aparência:
- Arredondamento — cantos Reto (0px), Suave (8px) ou Arredondado (20px).
- Botões — Sólido, Contorno, Pílula ou Link com seta.
- Largura do conteúdo — Estreito, Normal ou Largo.
- Posição do menu — Topo, Topo centralizado, Sobre a imagem (transparente) ou Lateral. A opção Sobre a imagem (transparente) só fica transparente quando a página começa com uma imagem em tela cheia — nas demais páginas o menu volta sozinho para o fundo sólido, garantindo que os links fiquem sempre legíveis.
- Espaçamento — Compacto ou Espaçoso.
O estilo do banner e a grade das galerias não ficam aqui: eles são ajustados dentro de cada página.
Logo
Em Usar logo da empresa, clique num dos logos já cadastrados na sua empresa para reaproveitá-lo. Ou envie outro em Logo personalizado (clique ou arraste a imagem — PNG ou SVG com fundo transparente é o ideal) ou use Escolher da biblioteca para pegar uma imagem que já está na biblioteca do site. Em Tamanho do logo, escolha Pequeno, Médio ou Grande.
Rodapé
- Texto do rodapé — um texto curto, como sua assinatura ou uma frase.
- Exibição — ligue ou desligue Mostrar redes sociais e Mostrar contato. O crédito "Feito com Mekan" só pode ser ocultado no plano premium do site.
- Links — clique em Adicionar link para criar links próprios numa coluna do rodapé, com Rótulo e URL. Use as setas para mudar a ordem e a lixeira para remover.
Salvar ou descartar
A barra no topo dos controles mostra o estado das suas edições:
- Salvar — publica as alterações no site. Depois de salvar, o aviso volta a "Tudo salvo".
- Descartar — aparece quando há alterações não salvas e desfaz tudo, voltando ao último design salvo. Útil quando você experimentou combinações e quer recomeçar.
Enquanto houver mudanças pendentes, o aviso "Alterações não salvas" fica visível.