Pular para o conteúdo
Português - Brasil
Mais suporte Abrir chamado
Entre em contato
  • Não há sugestões porque o campo de pesquisa está em branco.

Como personalizar a identidade visual do seu portal

Aprenda a alterar o logotipo, favicon e as cores da plataforma para refletir a marca da sua empresa e gerar conexão imediata com os alunos desde o primeiro acesso.

A personalização da identidade visual permite alterar o logotipo, o favicon (o ícone que aparece na aba do navegador) e as cores de toda a plataforma. Você deve usar essa funcionalidade logo na configuração inicial para garantir que seus alunos e colaboradores sintam que estão navegando em um ambiente oficial e exclusivo da sua empresa (White-label), aumentando a confiança e o engajamento.

 

 

2. Pré-requisitos

  • Permissão: Acesso de Administrador à Plataforma Leve.

  • Arquivos de Imagem:

    • Logotipo: Recomendamos formato .PNG com fundo transparente. Tamanho sugerido: largura máxima de 250px e altura de 100px.

    • Favicon: Formato .ICO ou .PNG quadrado (ex: 32x32px ou 16x16px).

  • Manual da Marca: Ter os códigos das cores da sua empresa (ex: HEX #FF5733) facilita o processo.

3. Passo a Passo

Parte A: Alterando o Logotipo e Favicon

  1. No painel de administração, acesse o menu Configurações do sistema (ícone de engrenagem).

  2. No menu lateral, clique em Aparência.

  3. Você estará na aba Geral. Localize a seção Identidade.

  4. Clique no botão de upload (ou arraste o arquivo) no campo Logotipo para enviar a imagem da sua marca.

     

     

  5. Faça o mesmo no campo Favicon.

  6. Clique no botão Salvar no final da página para aplicar as mudanças.

Parte B: Alterando as Cores (Temas)

  1. Ainda dentro de Configurações do sistema > Aparência, clique na aba Temas.

  2. Você verá uma lista de temas. Recomendamos não editar o tema padrão. Clique no botão Criar novo tema (ou no ícone de duplicar ao lado de um tema existente).

  3. Dê um nome para o seu tema (ex: "Tema Institucional 2025").

  4. Agora você pode definir as cores para cada elemento:

    • Cabeçalho (Header): A barra superior onde fica o logo.

    • Barra Lateral (Sidebar): Onde fica o menu de navegação.

    • Botões e Links: Cores de ação e destaque.

  5. Ao clicar na caixa de cor, você pode selecionar visualmente ou colar o código HEX da sua marca.

  6. Após finalizar, clique em Salvar.

  7. Para ativar, volte para a lista de temas e clique no ícone de Ativar (símbolo de "Visto") ao lado do tema que você acabou de criar.

Dica da Plataforma Leve 💡 Contraste é acessibilidade! Ao escolher a cor do cabeçalho ou da barra lateral, certifique-se de que o texto e os ícones sobre eles fiquem legíveis. Pro-tip: Se o seu logotipo for escuro, use um cabeçalho claro (branco ou cinza claro). Se o logo for branco/claro, use a cor principal da sua marca no cabeçalho.