Personalización de Marca
Configura la identidad visual de tu panel para que sea 100% tuyo.
El corazón de nuestro servicio de Reseller es la capacidad de hacer que el panel parezca desarrollado por ti. En esta sección, aprenderás cómo transformar la interfaz genérica en una experiencia de marca completa para tus clientes.
Demostración Visual
A continuación puedes ver cómo se aplican los cambios en tiempo real y las diferentes opciones de diseño disponibles.
1. Identidad de Marca (Brand Identity)
Aquí defines los datos básicos que tus clientes leerán en el navegador y correos.
- Nombre de la Empresa (Company Name): Este nombre aparecerá en el título de la pestaña del navegador, en el pie de página y en las notificaciones por correo.
- URL de Soporte: El enlace a tu propio centro de ayuda, Discord o sistema de tickets. Si activas el botón de soporte, tus clientes serán redirigidos aquí.
2. Activos Visuales (Visual Assets)
Sube tus imágenes para reemplazar los logotipos por defecto.
| Activo | Recomendación | Descripción |
|---|---|---|
| Logo | 200x50px (PNG) | Aparece en la esquina superior izquierda del dashboard y en el formulario de login. Se recomienda fondo transparente. |
| Favicon | 32x32px (ICO/PNG) | El pequeño icono que aparece en la pestaña del navegador junto al título. |
| Fondo de Login | 1920x1080px (JPG/PNG) | Imagen de alta calidad que se usará si seleccionas los diseños "Split" o "Backdrop". |
3. Diseño de Página de Acceso (Login Layout)
Puedes elegir entre tres estilos modernos para la pantalla donde tus clientes inician sesión.
A. Simple
Un diseño minimalista y limpio.
- Formulario centrado.
- Sin imagen de fondo.
- Ideal si prefieres una carga rápida y sin distracciones.
B. Split Screen (Pantalla Dividida)
Un look profesional y corporativo.
- Izquierda: Muestra tu imagen de fondo destacada.
- Derecha: Muestra el formulario de acceso.
- Opciones Extra:
- Show Welcome Message: Muestra un mensaje de bienvenida sobre la imagen.
- Show Support Button: Añade un botón visible que enlaza a tu URL de soporte.
C. Backdrop
Un efecto moderno de "Glassmorphism" (Vidrio esmerilado).
- Imagen de fondo a pantalla completa.
- El formulario flota en el centro con un efecto de desenfoque sobre la imagen.
4. Diseño del Dashboard
Controla cómo tus clientes ven su lista de servidores una vez dentro.
- Grid View (Cuadrícula): Muestra los servidores como tarjetas compactas (2-3 por fila). Es visualmente atractivo y mejor para clientes con pocos servicios.
- List View (Lista): Muestra los servidores en filas detalladas. Ideal para una visión técnica rápida de todos los recursos (IP, Estado, RAM) de un vistazo.
5. Tema de Color
Finalmente, selecciona el Color Primario de tu marca. Este color afectará a:
- Botones principales (Login, Crear Servidor).
- Barras de progreso y estados "Activos".
- Enlaces y detalles de selección.
Vista Previa
Cualquier cambio que realices en esta sección se guarda y aplica instantáneamente. Puedes abrir una pestaña de incógnito para ver cómo luce tu panel desde la perspectiva de un cliente nuevo.
Last updated on