O Konviva possibilita a personalização do ambiente interno, de acordo com a identidade visual desejada, através de cores e imagens.

Nesse artigo vamos abordar os aspectos visuais da personalização, onde você poderá deixar a plataforma com a cara da sua marca. A seguir, detalhamos as possibilidades disponíveis no Konviva e nossas recomendações.

A personalização do ambiente é feita em Administração > Configurador de Layout > Configurações Gerais. Abaixo, listamos as opções de personalização disponíveis.

1. Ícone da página: é exibido na aba no navegador. Recomenda-se que essa imagem tenha as dimensões 180x180px em formato png, preferencialmente com o fundo transparente.

2. Logo: é exibida no cabeçalho do ambiente e deve seguir as dimensões de 240x86px, em png com fundo transparente.

3. Cabeçalho: é possível alterar a cor de fundo do cabeçalho tanto do ambiente do aluno quanto do administrador. As cores devem ser especificadas em hexadecimal, RGB e HSB. Deve-se atentar para escolher uma cor que não atrapalhe a leiturabilidade da logo utilizada.

4. Menu: é possível alterar a cor de fundo do menu. Os ícones e texto do menu tem suas cores alteradas automaticamente, conforme a cor de fundo escolhida, para garantir o contraste adequado. As cores devem ser especificadas em hexadecimal, RGB e HSB.

5. Banner fixo ou banner rotativo: o Konviva possui duas opções de banner, um fixo e outro rotativo (galeria), que aparecem logo abaixo do cabeçalho. 

O banner fixo pode ser definido para o ambiente geral de e também para unidades (na página de edição/ configuração da unidade). As dimensões do banner devem ser 1920x360px, nos formatos png ou jpg. 

Outra opção é o banner rotativo (galeria) que é configurado em Administração > Galeria (o módulo Galeria deve estar habilitado). As dimensões do banner devem ser 1920x360px, nos formatos png ou jpg. 

É possível utilizar quantos banners desejar, mas nossa recomendação é utilizar até cinco imagens. É importante que todas as imagens tenham o mesmo tamanho, para que não haja variação no tamanho das imagens no carrossel e  fique visualmente desagradável. 

Nos banners rotativos é possível inserir um link interno ou externo na imagem e uma descrição para a imagem.

Importante: Banners rotativos (galeria) são configurados ao ambiente geral mas, ao criar uma nova galeria é possível definir para qual público alvo ela será exibida. 

6. Títulos: é possível determinar a cor dos títulos do ambiente e deve ser especificada em hexadecimal, RGB ou HBS.

7. Botões: é possível escolher uma cor que será aplicada a todos os botões do ambiente e deve ser especificada em hexadecimal, RGB e HSB.

Dica: recomendamos o uso das cores que chamam mais atenção para o menu e botões, pois essas são as principais ações da página e precisam estar bem destacadas no layout.