Skip to main content

Tipo de Formulário

Nesta página é possível personalizar a identidade visual e os textos principais do sistema, incluindo nome da empresa, domínio, cores do tema, logotipos (light e dark), favicon, slides e banner de destaque.

Listagem de diretivas

O que é possível configurar​

  • Nome da empresa e domínio utilizados na interface e nos links públicos do produto.
  • Cores primária e secundária do tema para padronizar componentes e feedbacks visuais.
  • Título e subtítulo da página inicial exibidos no cabeçalho/hero da aplicação.
  • Logotipo para tema claro e logotipo para tema escuro, garantindo contraste adequado em cada variação de tema.
  • Favicon da empresa, o pequeno ícone exibido na aba do navegador e em superfícies que suportam ícones do site.
  • Slides e banner institucionais usados em áreas de onboarding e comunicação visual.

Requisitos de imagens​

  • Logotipos: utilizar versões otimizadas, com áreas de respiro reduzidas e variações para fundos claros e escuros, preferencialmente em PNG ou SVG quando suportado.
  • Favicon: recomenda-se base quadrada, cores simples e alto contraste; tamanho comum de 32×32 px com arquivo até 5 KB, exportando em PNG e convertendo para ICO quando necessário, conforme boas práticas de navegadores e SEO.
  • Banner e slides: imagens em alta resolução adequadas a telas largas; considerar 1920×1080 px como referência para planos de fundo responsivos.

Boas práticas​

  • Manter consistência de cores entre logotipo, favicon e paleta do tema para reforçar a identidade visual.
  • Testar legibilidade em temas claro e escuro, garantindo contraste mínimo e ícones reconhecíveis em tamanhos reduzidos.
  • Otimizar tamanho de arquivos para carregamento rápido, especialmente em imagens de fundo e ícones, evitando degradação perceptível.

Ações na interface​

  • Editar campos de texto diretamente (nome, domínio, títulos) e aplicar as alterações sem reiniciar quando indicado pela interface.
  • Enviar, substituir e remover imagens nos blocos de Logotipo Light, Logotipo Dark, Favicon, Slides e Banner, com pré-visualização antes de salvar.
  • Salvar configurações e revisar a aparência final nas páginas públicas para validar contraste, recorte e responsividade das mídias.