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

# Personalização Visual

> Personalize a aparência do SalesOS com as cores e logo da sua empresa.

# Personalização Visual

Adapte a interface do SalesOS à identidade visual da sua empresa para oferecer uma experiência consistente à sua equipe.

## Opções de personalização

<CardGroup cols={2}>
  <Card title="Logo" icon="image">
    Faça upload do logo da empresa para exibição na barra lateral e na tela de login.
  </Card>

  <Card title="Cores" icon="palette">
    Defina as cores primária e secundária que serão aplicadas a botões, links e destaques.
  </Card>

  <Card title="Favicon" icon="browser">
    Personalize o ícone exibido na aba do navegador.
  </Card>

  <Card title="E-mails" icon="envelope">
    Customize os modelos de e-mail com sua marca.
  </Card>
</CardGroup>

## Configurando a personalização

<Steps>
  <Step title="Acesse as configurações visuais">
    Vá em **Configurações > Empresa > Personalização Visual**.
  </Step>

  <Step title="Faça upload do logo">
    Formatos aceitos: PNG, SVG ou JPG. Tamanho recomendado: 256x256px. O logo será redimensionado automaticamente conforme o contexto.
  </Step>

  <Step title="Defina as cores">
    Escolha as cores usando o seletor de cores ou informe o código hexadecimal:

    * **Cor primária** — Aplicada a botões, links e elementos de destaque
    * **Cor secundária** — Usada em elementos de apoio e fundos
  </Step>

  <Step title="Visualize e salve">
    Use a pré-visualização para conferir como ficará a interface antes de salvar.
  </Step>
</Steps>

<Tip>
  Para melhores resultados, use logos com fundo transparente (PNG ou SVG) e cores que contrastem bem com fundos claros e escuros.
</Tip>

## Personalização de e-mails

Os e-mails enviados pelo SalesOS (convites, notificações, etc.) podem ser personalizados com:

* Logo da empresa no cabeçalho
* Cores da marca em botões e destaques
* Rodapé com informações da empresa

<Note>
  A personalização visual é aplicada globalmente para todos os usuários da conta. Alterações são refletidas imediatamente após salvar.
</Note>

## Próximos passos

<CardGroup cols={2}>
  <Card title="Configuração Inicial" icon="gear" href="/pt/admin/initial-setup">
    Veja todas as configurações disponíveis.
  </Card>

  <Card title="Campos Personalizados" icon="sliders" href="/pt/admin/customization/custom-fields">
    Personalize os formulários da plataforma.
  </Card>
</CardGroup>