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

# Identidade visual

> Personalize a capa, o tema, o logotipo e o perfil da Liveclin para deixar a área do paciente com a cara do seu negócio.

<iframe className="w-full rounded-xl" style={{ aspectRatio: "16 / 9" }} src="https://www.youtube.com/embed/bH1wzsSu1PQ" title="Tutorial: personalizar a capa, o tema, o logotipo e o perfil da Liveclin" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

## Pré-requisitos

Antes de começar, você precisa de:

* Uma conta na Liveclin com acesso a **Configurações**.
* Seu logotipo, de preferência em versões para tema claro e tema escuro, com **fundo transparente** (encaixa melhor na interface).
* Uma foto de capa para a área do paciente e uma foto para o seu perfil.

A **área do paciente** é a página que o seu cliente acessa para entrar e acompanhar o serviço. É ela que você vai personalizar aqui.

## Passo a passo

<Steps>
  <Step title="Defina a capa da área do paciente">
    Na barra lateral, abra **Configurações → Área do paciente** (no seu painel o nome pode variar).

    1. Em **Imagem**, clique para subir a foto de capa, ajuste o **zoom** para enquadrar e clique em **Aplicar**.
    2. Preencha **título** e **subtítulo** (opcionais) — por exemplo, seu nome e "Nutricionista online".
    3. Se o texto ficar sem contraste com o fundo, ajuste a **cor do título e subtítulo** para uma cor legível (como branco).
    4. Escreva o texto do botão (por exemplo, "Entrar") e defina a **cor de fundo do botão** e a **cor do texto do botão**, harmonizando com a capa.

    Clique em **Salvar edições**. Sua capa está personalizada.
  </Step>

  <Step title="Personalize o tema claro e o tema escuro">
    Na aba **Tema**, você configura separadamente o tema claro e o tema escuro.

    1. No **tema claro**, clique para subir o logotipo, enquadre como preferir e clique em **Aplicar**.
    2. Defina a **cor de destaque**: clique na cor e use o **conta-gotas** para selecionar a cor primária do seu logotipo. Essa cor é aplicada em toda a interface.
    3. Mude para o **tema escuro** na aba superior, suba o logotipo escuro e defina a cor de destaque do mesmo jeito, com o conta-gotas.
    4. Escolha qual tema o paciente vê por padrão: **claro** ou **escuro**.

    Clique em **Salvar edições**.
  </Step>

  <Step title="Ajuste seu perfil e a especialidade">
    Clique no **seu nome**, na parte inferior da barra lateral, e abra **Perfil**.

    1. Suba uma **foto de perfil** e use o **zoom** para centralizar o rosto; clique em **Aplicar**.
    2. Preencha a sua **especialidade** (por exemplo, Nutricionista, Treinador, Psicólogo ou Médico).
    3. Edite o **link da área do paciente** — é o endereço por onde o cliente acessa a sua capa (por exemplo, `nutri-lucas-alves`).
    4. Ajuste o **título do cliente** conforme a sua área de atuação: paciente, aluno, mentorando, atleta, membro ou participante.

    Clique em **Salvar todas as edições**.
  </Step>

  <Step title="Visualize o resultado">
    Ainda em **Área do paciente**, copie o **link da área do paciente** e abra-o. Você verá a página como o seu cliente vê: a capa, o logotipo, o botão de login e a especialidade exibida abaixo do seu nome, junto à foto.

    No celular, a interface aparece um pouco diferente da versão no computador.
  </Step>
</Steps>

<Tip>
  Suba o logotipo com fundo transparente e use o conta-gotas para puxar a cor de destaque direto da sua logo. Assim a interface fica coerente com o seu branding sem precisar acertar o código da cor na mão.
</Tip>

## Resultado esperado

A área do paciente com a identidade visual do seu negócio: capa, logotipos para tema claro e escuro, cor de destaque, foto de perfil, especialidade e o título do cliente que faz sentido para a sua modalidade.

## Próximos passos

<CardGroup cols={2}>
  <Card title="Primeiros passos" icon="rocket" href="/pt-BR/tutoriais/comece-aqui/primeiros-passos">
    Configure sua conta e dê os primeiros passos na plataforma.
  </Card>

  <Card title="Importar clientes" icon="download" href="/pt-BR/tutoriais/comece-aqui/importar-clientes">
    Traga sua base de clientes de outra ferramenta para a Liveclin.
  </Card>
</CardGroup>
