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 |
Home pública — editor integrado
La sección Home pública dentro de Branding Avanzado permite configurar el bloque hero y los CTA que ven tus clientes en las páginas de acceso del panel. La configuración se guarda por dominio y no toca los skins globales.
app.marca.com es un portal de acceso limpio, no un builder web completo. Su función es dar una bienvenida con la marca del reseller y dirigir al login, la ayuda y el soporte — con consistencia visual respecto al panel autenticado.
Campos del editor
| Campo | Descripción | Comportamiento si no se configura |
|---|---|---|
| Título corto | Título principal del bloque hero | Texto automático según módulos activos del panel |
| Subtítulo corto | Descripción o propuesta de valor bajo el título | Texto automático según módulos activos |
| CTA documentación/ayuda | Botón o enlace de ayuda visible en el hero | Usa la URL de documentación del sidebar si está activa |
| CTA soporte/contacto | Botón o enlace de contacto en el hero | mailto:support@dominio automático |
| Color del hero | Color de fondo o acento del bloque hero | Hereda del skin público activo |
| Imagen / fondo del hero | Imagen o textura de fondo opcional en el bloque visual | Diseño SaaS limpio sin imagen (plantilla SaaS Split) |
Páginas donde aplica
/login/register- Recuperación y restablecimiento de contraseña
- Páginas públicas del clon que usen el layout sin login
Bloque de controles conectados
El editor incluye un bloque de Controles conectados con accesos directos a configuraciones relacionadas:
- Header y footer público, redes sociales y SEO básico
- URL de documentación personalizada del sidebar
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