# Aparência

> Deixe a área do aluno, as telas de login e o painel com a cara da sua marca.

A aparência da plataforma é definida em algumas telas do grupo **Personalização**, em **Configurações**. Este artigo passa por cada uma: **Área do aluno**, **Telas de acesso**, **Painel administrativo** e **Compartilhamento**.

:::dica
Mantenha a área do aluno aberta em outra aba enquanto ajusta. A cada alteração salva, atualize a página do aluno para conferir o resultado.
:::

## Área do aluno

Acesse **Configurações › Área do aluno** (`/dashboard/settings/student-area`).

### Geral

- **Título das páginas**: o nome da sua plataforma. Aparece na aba do navegador em todas as páginas e é também o nome do aplicativo instalado no celular.
- **Termo de aceite no primeiro acesso**: botão para criar ou editar o termo que todo aluno aceita antes de entrar. Veja [Termo de aceite](/configuracoes/termo-de-aceite).

### Aparência

- **Cor de destaque**: a cor de botões, links e detalhes da área do aluno. Escolha uma cor que contraste bem com o fundo escuro.
- **Logo**: versão horizontal, sem margens transparentes. Aparece no topo, com 35 px de altura. PNG de até 600 KB.
- **Ícone de Favorito (Favicon)**: o ícone da aba do navegador. PNG 150x150 de até 100 KB.
- **CSS personalizado**: estilos aplicados só na área do aluno. Para scripts, use o [Código personalizado](/configuracoes/css-e-javascript).

A área do aluno usa o estilo de vitrines em carrossel. Veja como organizar os conteúdos em [Estilo Vitrine (carrossel)](/configuracoes/estilo-vitrine).

:::embreve Modelo, modo e fonte
Ainda não têm efeito: o **Modelo Educacional** em **Modelo de navegação** (veja [Modelo Educacional](/configuracoes/modelo-educacional)), o **Modo de exibição** claro (a área do aluno fica sempre no modo escuro), o **Tamanho da fonte** ampliado e o campo **Idioma** (a interface do aluno fica em português).
:::

### Rodapé

O rodapé aparece nas páginas da área do aluno e nas telas de acesso.

- **Exibir rodapé**: mostra ou esconde o rodapé inteiro.
- **Exibir mensagem "Feito com ♥"** e **Mensagem**: completam a frase "Feito com ♥" com o seu texto, como "para você".
- **Exibir aviso legal** e **Aviso legal**: um texto jurídico fixo, útil para conteúdos de investimentos, saúde ou apostas.
- **Exibir link de termos de uso** e **Exibir link da política de privacidade**: links para as suas páginas, com o endereço de cada uma.
- **Abrir links em nova aba**.

Clique em **Salvar** no fim do formulário.

### Links do menu

Mais abaixo na mesma tela, a seção **Links do menu** controla os itens do menu superior da área do aluno. Clique em **Adicionar link** e preencha:

- **Nome**: o texto do item.
- **Tipo**:
  - **Atalho**: leva para uma página da plataforma (Início, uma vitrine, um produto, FAQ, Suporte ou Meu perfil).
  - **Link externo**: um endereço fora da plataforma, como o grupo de WhatsApp ou o seu site.
  - **Página incorporada**: exibe uma página externa dentro da área do aluno. Veja [Páginas dinâmicas](/configuracoes/paginas-dinamicas).
- **Abrir em**: **Mesma janela** ou **Nova aba**.
- **Exibir para**: **Todos**, **Com acesso** ou **Sem acesso**. Num atalho para um produto, "com acesso" significa quem tem acesso àquele produto; nos demais itens, quem não é aluno só de cadastro gratuito.

Use as setas para mudar a ordem, o lápis para editar e a lixeira para excluir.

:::info
A opção **Ocultar do menu lateral** não tem efeito, porque o estilo atual da área do aluno não tem menu lateral.
:::

## Telas de acesso

Acesse **Configurações › Telas de acesso** (`/dashboard/settings/access-screens`). Elas valem para login, cadastro e recuperação de senha.

- **Frase de destaque**: aparece ao lado do formulário. Em branco, usa a frase padrão.
- **Logo**: **Imagem** (JPG ou PNG de até 200 KB), **Alinhamento** e **Altura** em pixels.
- **Lado do formulário**: em telas maiores, o formulário fica à **Esquerda** ou à **Direita**.
- **Cor de destaque**: cor de botões, links e do fundo das telas. Vazio, usa a cor da área do aluno.
- **Painel visual**: a **Imagem do painel visual** que fica ao lado do formulário (JPG 1280x1024 de até 850 KB), a **Posição da imagem** e a **Largura do painel**.

:::embreve Outros modelos de tela
Por enquanto todas as telas usam o modelo **Clássico** (formulário com painel de imagem ao lado). Os modelos **Aurora**, **Palco** e **Editorial**, a opção **Modo claro ou escuro** e o botão **Pré-visualizar** ainda não funcionam.
:::

## Painel administrativo

Em **Configurações › Painel administrativo** (`/dashboard/settings/admin-area`) você personaliza o painel que a sua equipe usa:

- **Cor de destaque**: botões, links e itens ativos do menu.
- **Logo do painel**: versão horizontal, 35 px de altura na tela. PNG 350x100 de até 600 KB.
- **Ícone do menu recolhido**: aparece quando o menu está recolhido. Sem ele, o painel usa o favicon. PNG 64x64 de até 300 KB.

O painel recarrega depois de salvar para aplicar a nova identidade.

## Compartilhamento

Em **Configurações › Compartilhamento** (`/dashboard/settings/sharing`) fica a **Descrição**, o texto que aparece abaixo do título quando alguém compartilha o link da plataforma em redes sociais ou no WhatsApp (até 160 caracteres é o recomendado). A tela mostra uma prévia aproximada.

:::embreve Título e imagem do compartilhamento
Os campos **Título** e **Imagem** desta tela ainda não são usados na prévia do link. Por enquanto, o título exibido é o **Título das páginas** da Área do aluno.
:::

:::dica
Depois de salvar, as redes podem levar um tempo para atualizar a prévia de um link que já foi compartilhado. A Meta oferece o [Depurador de Compartilhamento](https://developers.facebook.com/tools/debug/) para forçar a atualização no WhatsApp, Instagram e Facebook.
:::
