Personalización y branding del panel reseller
El panel de marca blanca ofrece control completo sobre la identidad visual y los datos legales que ven tus clientes. Esta guía cubre todas las opciones disponibles.
Branding básico — /branding
Identidad de marca
| Campo | Descripción |
|---|---|
| Nombre comercial | Nombre que aparece en el panel y en el navegador |
| Logo de imagen | Formato PNG/SVG recomendado, fondo transparente |
| Logo dark | Versión para fondos oscuros (sidebar, páginas de error) |
| Favicon | Icono de la pestaña del navegador (32×32 o SVG) |
| Modo de marca | Elige entre logo de imagen o texto de marca |
Colores básicos
| Campo | Qué afecta |
|---|---|
| Primary | Botones principales, links, elementos activos |
| Secondary | Botones secundarios, estados hover |
| Accent | Destacados, badges, indicadores |
| Color header | Fondo de la barra de navegación superior |
| Color footer | Fondo del pie del panel |
| Color texto header | Texto e iconos sobre el header |
| Color texto footer | Texto e iconos sobre el footer |
Plantilla Home Pública
La Plantilla Home Pública controla el diseño de las páginas de acceso de tu panel: login, registro, recuperación y restablecimiento de contraseña. Se configura en /branding y se guarda por dominio de forma independiente al skin del panel autenticado.
| Plantilla | Descripción |
|---|---|
| Default | Diseño actual — formulario centrado, fondo liso. Compatible con cualquier skin. |
| SaaS Split | Pantalla dividida: formulario a la izquierda, bloque visual/hero a la derecha. Ideal para paneles con identidad de marca fuerte. |
/login, /register, /forgot-password y /reset-password. No toca el panel autenticado ni el CMS.
Para probarla: abre /branding, selecciona la plantilla en el campo Plantilla Home Pública, guarda y accede a /login para ver el resultado.
SEO de la app
El campo Título de la app aparece en la pestaña del navegador y como <title> de las páginas. Las páginas públicas (login, registro, recuperación) heredan este branding automáticamente.
Skins visuales
Elige un skin para el panel público (páginas sin login: login, registro, error) y otro para el panel autenticado (lo que ven tus clientes una vez dentro). Puedes usar skins distintos o hacer que el público herede del panel.
Branding avanzado — /branding/advanced
Variables por zona del layout
| Zona | Variables disponibles |
|---|---|
| Header | Fondo, texto, hover |
| Subheader / top nav | Fondo, borde inferior |
| Sidebar | Fondo, texto, ítem activo, hover |
| Contenido | Fondo general, texto principal, texto secundario |
| Cards | Fondo, borde, sombra |
| Tablas | Header, filas alternas, borde |
| Botones | Fondo, texto, hover, focus ring |
| Inputs | Borde, focus, placeholder |
| Iconos | Color base, hover |
| Dropdowns | Fondo, borde, hover |
Vista previa en tiempo real
El editor muestra una previsualización del panel con los colores seleccionados antes de guardar. No afecta a tus clientes hasta que confirmes los cambios.
Presets privados
Guarda configuraciones completas como presets nombrados y cárgalos en cualquier momento:
- Crear preset — guarda el estado actual con un nombre
- Cargar preset — aplica un preset guardado al editor
- Aplicar — confirma y activa el preset en el panel
- Eliminar — borra un preset guardado
Datos legales públicos
Aparecen en el footer del panel, en los términos de servicio y en los avisos de privacidad que ven tus clientes:
| Campo | Dónde aparece | Obligatorio |
|---|---|---|
| Entidad legal | Footer, avisos legales | Sí |
| Email de privacidad | Política de privacidad, RGPD | Sí |
| Email DPO | Aviso RGPD (si aplica) | Según sector |
| Dirección legal | Footer, avisos legales | Recomendado |
| Datos de contacto | Panel de soporte del cliente | Recomendado |
Módulos activos
Define qué secciones del panel son visibles para tus clientes. Si no marcas ningún módulo, ningún módulo queda permitido. Los módulos no activos simplemente no aparecen en el menú.
Páginas de error branded (403 / 404 / 500)
Las páginas de error muestran automáticamente tu logo (o nombre de marca como texto si no hay logo), tu favicon, el footer con tus datos de contacto y el skin público configurado. Tus clientes nunca ven una página de error genérica de MuseRelay.
Buenas prácticas antes de activar el panel
- Logo en PNG/SVG con fondo transparente cargado
- Favicon configurado (32×32 mínimo)
- Nombre comercial revisado (aparece en el navegador)
- Colores básicos definidos (primary, header, sidebar)
- Datos legales completos (entidad, email privacidad)
- Módulos activos revisados (solo los que ofreces)
- Vista previa del panel en modo cliente comprobada
- Dominio propio apuntando al panel