> ## Documentation Index > Fetch the complete documentation index at: https://docs.equinos.co/llms.txt > Use this file to discover all available pages before exploring further. # Personalización de marca > Define los colores, la tipografía y los estilos que ven tus estudiantes en su portal y los visitantes de tu sitio web. En **Configuración** → **Personalización de Marca** defines la identidad visual de tu escuela: colores, tipografía, espaciado y efectos. Esta configuración se usa en el portal de tus estudiantes y en tu sitio web público. ## Plantillas de marca Si no quieres empezar desde cero, elige una de las **Plantillas Predefinidas**. Al hacer clic en una, se cargan sus colores y estilos en el formulario. Puedes ajustarlos después. La plantilla que coincide con tus colores actuales aparece marcada. ## Colores de marca | Campo | Dónde se usa | | - | - | | **Color Principal** | Botones principales, enlaces y encabezados | | **Color Secundario** | Navegación, acentos y efectos al pasar el mouse | | **Color de Acento** | Insignias, destacados y notificaciones | | **Fondo Principal** | Fondo de la página | | **Fondo de Superficie** | Fondo de tarjetas y componentes | | **Texto Principal** | Texto del contenido | | **Texto Secundario** | Textos de apoyo y descripciones | | **Texto Deshabilitado** | Texto deshabilitado o de ejemplo en los campos | | **Éxito**, **Advertencia**, **Error**, **Información** | Mensajes de cada tipo | | **Borde** | Bordes y divisores | ## Tipografía * **Fuente para Títulos** y **Fuente para Cuerpo**: elige entre Inter, Poppins, Montserrat, Playfair Display (solo títulos), Lora, Crimson Text, Roboto y Open Sans. * **Tamaño Base de Fuente**: por ejemplo, `16px`. * **Escala Tipográfica**: cuánto crecen los títulos respecto al texto (por ejemplo, `1.25`). ## Diseño y espaciado * **Radio de Borde**: qué tan redondeadas son las esquinas (por ejemplo, `0.5rem`). * **Espaciado Base**: separación entre elementos (por ejemplo, `1rem`). * **Ancho Máximo**: ancho máximo del contenido (por ejemplo, `1280px`). ## Efectos visuales Activa o desactiva **Sombras**, **Animaciones** y **Efecto Blur**. ## Vista previa y guardado La sección **Vista Previa** muestra cómo se verán los colores y estilos en el portal de estudiantes mientras los cambias. * **Guardar Cambios**: aplica la configuración. * **Restablecer**: descarta lo que cambiaste desde la última vez que guardaste. Elige colores con buen contraste entre el texto y el fondo. Usa la vista previa para comprobar que todo se lee bien. ## Logo El logo no se sube aquí: se cambia en **Configuración** → **General**. Ver [Configuración general](/escuelas/configuracion). This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.