Globais
Home – Globais
Manual de Uso: GLOBAIS
As informações globais são configuradas na seção inicial da plataforma e afetam todas as páginas criadas. Essas configurações definem aspectos fundamentais, como identidade visual (favicon, título e descrição), personalização de fontes e recebimento de informações de formulários. Configurar corretamente essa seção é essencial para garantir consistência e funcionalidade em todas as páginas.
Campos e Funcionalidades
01 - DADOS DA EMPRESA
Tipo: Upload de mídia (imagem).
Descrição: Adiciona o ícone que será exibido na aba do navegador ao acessar a página, ajudando na identificação visual do site.
Dimensões sugeridas: 64x64px.
Formato recomendado: WEBP (prioritário), JPG ou PNG.
Dica de configuração: Utilize um arquivo otimizado no formato WEBP para melhorar a velocidade de carregamento sem perder qualidade.
Exemplo de uso: Para um favicon do logotipo de uma empresa de tecnologia, envie uma imagem de 64x64px em WEBP.
Tipo: Campo de texto.
Descrição: Define o título principal exibido na aba do navegador. Este título também é usado pelos motores de busca para identificar a página.
Limite de caracteres: 50.
Dica de configuração: Escolha um título curto e descritivo, que reflita o propósito ou o tema principal da página.
Exemplo de uso: “Página Inicial – TechCorp”.
Tipo: Campo de texto.
Descrição: Adiciona uma breve descrição da página, essencial para SEO (Search Engine Optimization). Essa descrição é exibida nos resultados dos motores de busca.
Limite de caracteres: 50.
Dica de configuração: Use palavras-chave relevantes para atrair visitantes.
Exemplo de uso: “Landing page para soluções empresariais da TechCorp.”
Tipo: Campo de texto.
Descrição: Adiciona um texto exibido no rodapé da página, geralmente usado para exibir informações legais, como CNPJ da empresa.
Limite de caracteres: 50.
Exemplo de uso: “CNPJ 00.000.000/0001-00”.
02 - FONTES
A seção de fontes permite configurar as opções globais de tipografia utilizadas em cabeçalhos e textos da página, garantindo consistência visual.
- Tamanho H4
- Tamanho H5
- Tamanho H6
- Fonte dos Textos
Tipo: Seleção (dropdown).
Descrição: Define a fonte utilizada em todos os cabeçalhos (H1, H2, etc.) da página.
Opções disponíveis:
– Lato
– Merriweather
– Montserrat
– Nunito
– Poppins
– Roboto
Dica de configuração: Escolha uma fonte que combine com a identidade visual da sua marca e facilite a leitura.
Tipo: Seleção (dropdown).
Descrição: Define o peso (espessura) das fontes nos cabeçalhos.
Opções disponíveis:
– 300 (Light)
– 400 (Regular)
– 500 (Medium)
– 600 (Semi-Bold)
– 700 (Bold)
– 800 (Extra-Bold)
Dica de configuração: Para um visual moderno e destacado, use pesos acima de 600.
Descrição: Configura o tamanho do cabeçalho principal (H1) utilizado na página.
Valores Disponíveis:
– 48px
– 54px
– 60px
– 72px
Exemplo de uso: Configure o H1 como 60px para títulos principais destacados.
Descrição: Configura o tamanho do cabeçalho de nível 2 (H2).
Valores Disponíveis:
– 36px
– 40px
– 48px
– 54px
Exemplo de uso: Utilize 48px para criar subtítulos de destaque logo abaixo do H1.
Descrição: Define o tamanho do cabeçalho de nível 3 (H3).
Valores Disponíveis:
– 28px
– 32px
– 36px
– 40px
Exemplo de uso: Configure o H3 como 32px para títulos intermediários em seções secundárias.
Descrição: Define o tamanho do cabeçalho de nível 4 (H4).
Valores Disponíveis:
– 22px
– 24px
– 28px
– 32px
Exemplo de uso: Utilize 22px para subtítulos compactos em contextos como listas ou explicações detalhadas.
Descrição: Configura o tamanho do cabeçalho de nível 5 (H5).
Valores Disponíveis:
– 18px
– 20px
– 22px
– 26px
Exemplo de uso: Configure o H5 como 20px para rótulos ou destaques menores em textos.
Descrição: Define o tamanho do cabeçalho de nível 6 (H6).
Valores Disponíveis:
– 14px
– 16px
– 18px
– 20px
Exemplo de uso: Configure o H6 como 16px para textos explicativos ou títulos menores em áreas de destaque.
Tipo: Seleção (dropdown).
Descrição: Define a fonte utilizada no corpo do texto (parágrafos).
Opções disponíveis:
– Lato
– Merriweather
– Montserrat
– Nunito
– Poppins
– Roboto
Dica de configuração: Escolha uma fonte que combine com a fonte dos cabeçalhos para garantir harmonia no design.
03 - FORMULÁRIO
Tipo: Campo de texto.
Descrição: Configura o email que receberá os contatos enviados pelos formulários presentes na página.
Nota importante: Sempre verifique a validade do email configurado e revise sua caixa de SPAM regularmente para garantir que não perca mensagens importantes.
Exemplo de uso: sac@ockham.com.br.
Dicas de Configuração
– Harmonia Visual: Use fontes que combinem entre cabeçalhos e textos. Uma boa prática é usar uma fonte mais marcante para os cabeçalhos e uma mais neutra para os textos.
– Tamanhos de Cabeçalhos: Configure os tamanhos de forma hierárquica para facilitar a leitura e criar contraste visual.
– SEO (Título e Descrição da Página): Sempre inclua palavras-chave relevantes no título e na descrição para melhorar o ranqueamento nos motores de busca.
– Formato de Imagem: Priorize o uso de imagens no formato WEBP para otimização de carregamento e qualidade.
Erros Comuns e Soluções
– Problema: O favicon não é exibido corretamente.
– Solução: Verifique se a imagem está no formato WEBP, JPG ou PNG e possui as dimensões recomendadas.
– Problema: O email configurado não recebe mensagens.
– Solução: Certifique-se de que o email está correto e revise sua caixa de SPAM.
– Problema: As fontes estão inconsistentes.
– Solução: Verifique se as mesmas fontes estão configuradas para cabeçalhos e textos.
Personalize a Tipografia da Sua Página
Descubra como escolher as melhores fontes e configurar pesos e tamanhos para criar uma identidade visual única. Acesse a seção dedicada às fontes para obter detalhes e exemplos.