Principal Editar Instituição COMO PERSONALIZAR A IDENTIDADE VISUAL DA INSTITUIÇÃO?

COMO PERSONALIZAR A IDENTIDADE VISUAL DA INSTITUIÇÃO?

Última atualização em May 26, 2026

Sobre

A personalização da identidade visual permite adaptar a aparência da plataforma à marca da sua instituição.

Com ela, você pode:

  • adicionar logotipo;

  • alterar cores;

  • configurar banners;

  • personalizar favicon;

  • ajustar elementos visuais da plataforma.

Essas configurações ajudam a tornar a experiência mais alinhada à identidade da instituição.

​Como funciona

Na aba "Personalização" na área de configurações da instituição, é possível fazer desde a escolha das cores dos botões até a inclusão da logomarca, além de editar outros elementos.

Passo a passo

1º passo: acesse o menu lateral no canto superior esquerdo, clique em "Configurações" e em seguida clique em "Editar instituição".

2º passo: clique no ícone de edição (representado por um quadro e um lápis), acesse a aba "Personalização".

3° passo: insira a logomarca da sua empresa. A primeira opção é para usar na plataforma no modo claro, a segunda é para o modo escuro, caso vá utilizá-lo.

Especificações da imagem:

  • Resolução Mínima Recomendada: 450px X 200px;

  • Tamanho Máximo do Arquivo: 2Mb;

  • Formato indicado: PNG, com fundo transparente.

4° passo: customize as cores da sua instituição.

  • Cor primária é a cor dos botões da plataforma.

  • Cor secundária é a cor que o botão ficará quando o usuário passar o mouse por cima dele.

Você pode alterar a cor dos botões preenchendo os campos com o código HTML da cor ou escolher a cor manualmente, basta clicar na cor para o seletor aparecer.

5° passo: defina a cor do texto dos botões. Você pode escolher entre a cor preto ou branco.

6º passo: clicando no botão "Reiniciar" você restaura as cores da plataforma para as configurações padrão do sistema.

7º passo: defina o tamanho da barra de navegação entre "maior" ou "menor".

Essa barra fica localizada no topo das páginas na visão do aluno ou visitante.

8° passo: modo escuro é uma opção de interface de usuário em aplicativos e plataformas que altera a aparência visual de fundo da tela para tons mais escuros.

Se quiser, habilite o modo escuro. Para isso, clique na chave de ativação.
Quando ativada, a chave fica colorida e quando desativada, fica cinza.

🚨Atenção!

Ao ativar esta funcionalidade, você precisa, obrigatoriamente, fazer o upload da sua logomarca no campo de modo escuro.

9º passo: após realizar as configurações, clique no botão "Salvar".

10º passo: confirme as configurações clicando em "OK".

Pronto! Agora você já sabe como personalizar a identidade visual da sua instituição.