> ## Documentation Index
> Fetch the complete documentation index at: https://docs.didaska.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Aparência e marca

> Personalize a identidade visual da sua escola na Didaska: logo, favicon, cores da marca, imagem de fundo do login e demais ajustes de aparência da plataforma.

A Didaska fica **100% com a sua marca**. Isso significa que seus alunos verão a identidade visual da sua escola, não a da Didaska. Nesta seção você configura tudo relacionado à aparência.

Para acessar, abra **Configurações → Aparência**.

***

## Logo e favicon

O **logo** aparece no topo da plataforma e nos e-mails enviados aos alunos. O **favicon** é o ícone pequeno que aparece na aba do navegador.

<Steps>
  <Step title="Envie o logo">
    Clique em **Enviar logo** e selecione a imagem no seu computador. Recomendamos o formato PNG com fundo transparente para melhor resultado em modos claro e escuro.
  </Step>

  <Step title="Envie o favicon">
    Clique em **Enviar favicon** e selecione uma imagem quadrada (idealmente 512×512 px). O sistema reduz automaticamente para os tamanhos necessários.
  </Step>

  <Step title="Salve as alterações">
    Clique em **Salvar** para aplicar. A prévia ao lado atualiza em tempo real enquanto você faz as mudanças.
  </Step>
</Steps>

***

## Imagem de fundo

A imagem de fundo aparece na tela de login e em outras páginas institucionais da escola. Use uma imagem que reflita a identidade do seu negócio.

* Formatos aceitos: JPG, PNG, WEBP.
* Tamanho recomendado: 1920×1080 px ou superior.
* Caso não envie nenhuma imagem, a plataforma usará a cor primária como fundo.

***

## Cores do tema

Você escolhe três cores que definem a paleta visual da plataforma:

| Cor                 | Onde aparece                                      |
| ------------------- | ------------------------------------------------- |
| **Cor primária**    | Botões principais, links e destaques de navegação |
| **Cor secundária**  | Elementos de apoio, fundos de seção e bordas      |
| **Cor de destaque** | Badges, notificações e indicadores de progresso   |

Para cada cor, você pode digitar o código hexadecimal (#RRGGBB) ou usar o seletor de cor interativo.

<Tip>
  Use as cores da identidade visual da sua marca. A consistência entre a plataforma e seus outros canais (redes sociais, site) passa mais confiança para os alunos.
</Tip>

***

## Prévia em tempo real

Enquanto você ajusta logo, cores e imagem de fundo, a **prévia** no lado direito da tela mostra exatamente como a plataforma ficará para os alunos. Você pode alternar entre:

* **Modo claro** — aparência padrão durante o dia.
* **Modo escuro** — aparência para quem prefere ambientes com menos brilho.

Verifique sempre os dois modos antes de salvar, para garantir que as cores ficam legíveis em qualquer situação.

***

## Modo claro e escuro

A Didaska suporta modo claro e escuro de forma nativa. Seus alunos podem escolher o modo preferido nas configurações do perfil deles. As cores que você cadastrar serão aplicadas em ambos os modos de forma inteligente.

<Note>
  Se quiser controlar com mais precisão as cores em cada modo, entre em contato com o suporte. É possível configurar paletas diferentes para claro e escuro em planos avançados.
</Note>

***

## Próximos passos

<CardGroup cols={2}>
  <Card title="Domínio personalizado" icon="globe" href="/configuracoes/dominio-personalizado">
    Use o endereço da sua marca no lugar do domínio padrão.
  </Card>

  <Card title="Site builder" icon="layout" href="/configuracoes/site-builder">
    Crie páginas públicas com o editor visual de arrastar e soltar.
  </Card>
</CardGroup>