Skip to main content

Design

Visão Geral​

Os portais no DHuO podem ser personalizados para transmitir a identidade visual dos clientes para os usuários externos. A personalização se aplica à página inicial da área não logada (home). A estrutura da página home contém:

  • Seção principal: composta por um logotipo no canto superior esquerdo; título e descrição; botão de acesso (login) e imagem de fundo
  • Seção de rodapé: composta por 3 seções opcionais com título e descrição e uma seção com links para redes sociais

Ao criar um portal, ele é inicializado com as cores padrão, um banner e logo genéricos para marcação da página. A partir disso é possível personalizar:

  • Cores de texto e botões
  • Imagem do banner
  • Logotipo e favicon
  • Textos do banner e seção de rodapé
  • Redes sociais

Configuração​

A aparência do portal é gerenciada pela interface do estúdio do portal. A partir da home, acesse o ícone de configurações da Organização ⚙ menu > Portais. Na página de portais, visualize o portal desejado e acesse o menu > Design.

Permissões​

Apenas usuários com papel de administrador da organização (Org Admin) podem alterar a aparência do portal. Para saber mais, acesse a seção Papéis e permissões.

Parâmetros​

Aqui estão os parâmetros personalização da aparência do portal:

  • Imagem do banner: Imagem que aparecerá na seção principal da página home do portal. Formatos aceitos: PNG, JPG, SVG, GIF ou WEBP com tamanho de até 900kb.
  • Logotipo: Imagem de logotipo que aparecerá na seção principal, no canto superior esquerdo, da página home do portal. Formatos aceitos: PNG, JPG, SVG, GIF ou WEBP com tamanho de até 100kb.
  • Favicon: Imagem para personalização do ícone de visualização em navegadores. Formatos aceitos: ICO com tamanho de até 100kb.
  • Cor primária: Cor principal da página. É aplicada no botão de acesso (login) e na seção de rodapé.
  • Cor do texto no banner: Cor aplicada nos textos do banner (título e descrição).
  • Cor do conteúdo no rodapé: Cor aplicada nos textos da seção de rodapé, ícones de redes sociais e no texto do botão de login.
  • Título do banner: Texto principal exibido na seção principal. Caso não deseje utilizar um título, preencha o campo com espaços em branco.
  • Descrição: Texto descritivo exibido abaixo do título na seção principal. Caso não deseje utilizar uma descrição, preencha o campo com espaços em branco.
  • Título da seção 1: Texto principal exibido na primeira seção do rodapé.
  • Descrição (seção 1): Texto informativo da primeira seção do rodapé.
  • Título da seção 2: Texto principal exibido na segunda seção do rodapé.
  • Descrição (seção 2): Texto informativo da segunda seção do rodapé.
  • Título da seção 3: Texto principal exibido na terceira seção do rodapé.
  • Descrição (seção 3): Texto informativo da terceira seção do rodapé.
  • Facebook: URL do perfil para contato na rede social Facebook. Caso não informado, o ícone correspondente não será exibido no rodapé.
  • YouTube: URL do perfil para contato na rede social YouTube. Caso não informado, o ícone correspondente não será exibido no rodapé.
  • Instagram: URL do perfil para contato na rede social Instagram. Caso não informado, o ícone correspondente não será exibido no rodapé.
  • LinkedIn: URL do perfil para contato na rede social LinkedIn. Caso não informado, o ícone correspondente não será exibido no rodapé.