> ## 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.

# Identidad visual

> Personaliza la portada, el tema, el logo y el perfil de Liveclin para dejar el área del paciente con la identidad de tu negocio.

## Requisitos previos

Antes de empezar, necesitas:

* Una cuenta en Liveclin con acceso a **Configuración**.
* Tu logo, preferentemente en versiones para tema claro y tema oscuro, con **fondo transparente** (encaja mejor en la interfaz).
* Una foto de portada para el área del paciente y una foto para tu perfil.

El **área del paciente** es la página que tu cliente abre para entrar y acompañar el servicio. Es lo que vas a personalizar aquí.

## Paso a paso

<Steps>
  <Step title="Define la portada del área del paciente">
    En la barra lateral, abre **Configuración → Área del paciente** (en tu panel el nombre puede variar).

    1. En **Imagen**, haz clic para subir la foto de portada, ajusta el **zoom** para encuadrar y haz clic en **Aplicar**.
    2. Completa **título** y **subtítulo** (opcionales) — por ejemplo, tu nombre y "Nutricionista en línea".
    3. Si el texto queda sin contraste con el fondo, ajusta el **color del título y subtítulo** a un color legible (como blanco).
    4. Escribe el texto del botón (por ejemplo, "Entrar") y define el **color de fondo del botón** y el **color del texto del botón**, armonizando con la portada.

    Haz clic en **Guardar cambios**. Tu portada está personalizada.
  </Step>

  <Step title="Personaliza el tema claro y el tema oscuro">
    En la pestaña **Tema**, configuras por separado el tema claro y el tema oscuro.

    1. En el **tema claro**, haz clic para subir el logo, encuádralo como prefieras y haz clic en **Aplicar**.
    2. Define el **color de destaque**: haz clic en el color y usa el **cuentagotas** para seleccionar el color primario de tu logo. Ese color se aplica en toda la interfaz.
    3. Cambia al **tema oscuro** en la pestaña superior, sube el logo oscuro y define el color de destaque de la misma forma, con el cuentagotas.
    4. Elige qué tema ve el paciente por defecto: **claro** u **oscuro**.

    Haz clic en **Guardar cambios**.
  </Step>

  <Step title="Ajusta tu perfil y la especialidad">
    Haz clic en **tu nombre**, en la parte inferior de la barra lateral, y abre **Perfil**.

    1. Sube una **foto de perfil** y usa el **zoom** para centrar el rostro; haz clic en **Aplicar**.
    2. Completa tu **especialidad** (por ejemplo, Nutricionista, Entrenador, Psicólogo o Médico).
    3. Edita el **enlace del área del paciente** — es la dirección por donde el cliente accede a tu portada (por ejemplo, `nutri-lucas-alves`).
    4. Ajusta el **título del cliente** según tu área: paciente, alumno, mentoreado, atleta, miembro o participante.

    Haz clic en **Guardar todos los cambios**.
  </Step>

  <Step title="Visualiza el resultado">
    Aún en **Área del paciente**, copia el **enlace del área del paciente** y ábrelo. Verás la página como la ve tu cliente: la portada, el logo, el botón de inicio de sesión y la especialidad debajo de tu nombre, junto a la foto.

    En el celular, la interfaz se ve un poco diferente de la versión en la computadora.
  </Step>
</Steps>

<Tip>
  Sube el logo con fondo transparente y usa el cuentagotas para tomar el color de destaque directamente de tu logo. Así la interfaz queda coherente con tu marca sin tener que acertar el código del color a mano.
</Tip>

## Resultado esperado

El área del paciente con la identidad visual de tu negocio: portada, logos para tema claro y oscuro, color de destaque, foto de perfil, especialidad y el título del cliente que tenga sentido para tu modalidad.

## Próximos pasos

<CardGroup cols={2}>
  <Card title="Primeros pasos" icon="rocket" href="/es/tutoriais/comece-aqui/primeiros-passos">
    Configura tu cuenta y da los primeros pasos en la plataforma.
  </Card>

  <Card title="Importar clientes" icon="download" href="/es/tutoriais/comece-aqui/importar-clientes">
    Trae tu base de clientes de otra herramienta a Liveclin.
  </Card>
</CardGroup>