A tela de Configurações de Tema permite que a sua empresa adapte a identidade visual e a experiência inicial da plataforma Mereo ao estilo da organização. Nela é possível ajustar logotipo, imagem de login, tela principal, painel inicial (Beta) e cores da barra superior.

Essa configuração está na jornada da administradora e impacta toda a jornada das pessoas colaboradoras, pois define como será a primeira interação com a plataforma e como a identidade da empresa será refletida em cada módulo.

 

Pré-requisitos

• Perfil de administradora com acesso a Engrenagem > Configurações de Tema.
• Ter logotipo, imagem institucional e paleta de cores definidos pela área de comunicação/marketing ou outra área responsável.

Passo a passo

Acesse Configurações (Core) > Configurações de Tema. Dentre as configurações de Tema, apresentam-se quatro opções configuráveis:

• Logo;
• Imagem Tela de Fundo;
• Tela Principal;
• Barra Principal.

 

1. Logo

• Clique em Logo para carregar o logotipo da empresa.
• Formato aceito: PNG.
• Tamanho recomendado: até 512kb.
• Resolução ideal: 240 x 68 pixels, com fundo transparente (para melhor adaptação aos temas de cor).
• O logotipo será exibido no momento do Login e na parte superior do Menu Principal.

2. Imagem da Tela de Login

• Clique em Imagem Tela de Login > Plano de Fundo para carregar a imagem que será exibida no fundo da tela de login.
• Formato aceito: PNG ou JPG.
• Tamanho recomendado: até 512kb.
• Resolução ideal: 1256x 618 pixels.
• Sugestão: usar uma imagem institucional que reflita a cultura da empresa, evitando imagens com excesso de texto.

Verifique as recomendações de formato da imagem:

 

3. Tela principal

Nesta seção você define o que acontece quando a pessoa colaboradora acessa a plataforma, ao fazer login, ou seja, a tela inicial. Existem 3 opções:

• Imagem Tela Principal:
  
  Permite configurar uma imagem estática como página inicial. Como opções adicionais de ajustes, a imagem pode ser em tela cheia, centralizada ou ajustada pelo administrador.
  
  Boa opção quando se quer destacar uma campanha interna, mensagem da liderança ou um banner institucional.
  
  
• Redirecionar para:
  
  Direciona o login para uma tela específica da plataforma (ex.: Metas ou Avaliações).
  Útil quando a empresa deseja padronizar o ponto de partida da experiência de todos os colaboradores. É importante garantir que todos os grupos de usuários tenham acesso a tela selecionada.
• Redirecionar para o Painel Inicial Beta
  
  Ativa o Painel Inicial Personalizado, onde você criar o layout da página inicial da plataforma, escolhendo quais informações irão compor essa tela, como banners e cards.
  
  Esse painel substitui a imagem estática e cria uma experiência dinâmica.
  
  

Comece clicando em “Personalizar”: 
- Crie um novo painel, clicando em "+Novo painel".
- Preencha as informações e selecione quais grupos de usuários terão acesso ao novo painel inicial.
- Depois de salvar, clique sobre o nome do Painel criado para definir o layout e cards.

 

Definindo o layout e os cards

Ao clicar no nome do Painel, clique em "Editar layout" e escolha o layout:

Clique em "Adicionar bloco de conteúdo!". As opções disponíveis são: Central de Pendências; Composição da Nota; Metas do Colaborador; Performance da Equipe e Status das Ações.

Conhecendo o que significa cada bloco/card

- Status das Ações:
O usuário tem acesso a todas as ações que estão sob sua responsabilidade. Ao interagir com o gráfico, o usuário é direcionado para a tela de Central de Ações, e nela tem acesso completo às ações.
A legenda do gráfico tem a função de filtro no próprio card. Ao clicar sobre cada status, o gráfico oculta ou exibe informações.

- Metas do Colaborador:

Exibe um atalho para o Painel de Performance, onde são exibidas as metas do colaborador.

- Painel de Pendências:

Informa qual é, e a quantidade de pendências que o usuário precisa solucionar. As notificações referem-se a: Ações, Formulários, Termos de Aceite, Valor Realizado, Auditoria e Pendências no Workflow de PDI.

- Performance da Equipe:

Traz para os gestores a performance da equipe que ele gerencia, mostrando nota de cada colaborador.

- Composição da Nota:

Mostrará o resumo da nota do colaborador para a Remuneração Variável dentro da Mereo. A exibição está condicionada à liberação do extrato.

 

Carrossel de imagens:

Depois de definir os blocos de conteúdo, ainda na seção "Redirecionar para o Painel Inicial Beta", em "Documentos Anexados", também é possível incluir uma ou mais imagens que ficarão no topo do Painel Inicial. Caso sejam escolhidas mais de uma imagem, a plataforma as exibirá em um "Carrossel", alternando as exibições. Já se for anexada apenas uma, a imagem será fixa.

Para finalizar, clique em "Salvar". 

 

Observação: a opção "Redirecionar para o Painel Inicial" será descontinuada em breve e por isso não foi abordada nesse artigo.

 

4. Barra principal (cores)

Aqui você define as cores que personalizam a barra superior da plataforma e alguns elementos de ação.

• Cor primária: escolha a cor principal a ser usada na barra principal exibida no topo das páginas.
• Customizado: insira o código RGB, hexadecimal (ex.: #004AAD) ou escolha na paleta.
• Ao selecionar "Gradiente", aparecerá a opção "Cor secundária" com a mesma configurações já mencionadas acima, para que seja definido o gradiente de cores.
• É possível testar o resultado das cores escolhidas com a "Pré-visualização".
• Sugestão: use sempre cores que respeitem a identidade visual da empresa e mantenham contraste suficiente para boa legibilidade.

5. Finalize clicando em salvar. 

 

Exemplo prático

Uma empresa pode configurar:

• Logo: versão horizontal com fundo transparente.
• Imagem de login: foto institucional de um time da empresa.
• Tela principal: painel inicial Beta, com cards de Metas, Painel de pendências e Status das Ações.
• Barra principal: azul-marinho como cor primária e cinza claro como secundária, refletindo a identidade visual corporativa.

Erros comuns e soluções

• Logo aparece distorcido. → Ajuste para a resolução recomendada (240 x 68 pixels).
• Imagem de login não carrega. → Verifique tamanho (até 512kb) e formato (PNG).
• Painel inicial confuso. → Reduza a quantidade de cards e priorize os essenciais.

 

Perguntas frequentes (FAQ)

Posso configurar imagens diferentes de login para grupos de usuários?
Não. A imagem é única para toda a empresa.

Os cards do painel inicial mostram dados em tempo real?
Sim. Eles refletem sempre as informações mais atuais da plataforma.

Posso restaurar para o padrão da Mereo?
Sim. Basta limpar as configurações ou redefinir as cores e imagens.

 

Ainda com dúvidas? Fale com a gente pelo chat de suporte dentro da plataforma.