Demos del panel

Seis formas de gestionar el back-office de HL. Mismos datos, mismas páginas, distinta organización. Elige una y compara.

Vista previa con datos de ejemplo. No se guarda nada.

1
Barra lateral

La versión original: una barra lateral por secciones y un inicio con indicadores, tareas pendientes y calendario.
Ideal para
- Diseño conocido, cada sección a un clic
- El menú contraído mantiene 27 entradas manejables
- El inicio reúne cifras, colas y horario
Inconvenientes
- La barra lateral ocupa espacio en portátiles pequeños
- Inicio denso para un uso ocasional
Páginas
2
Inicio calendario

El inicio es un calendario a todo el ancho, con filtros a la izquierda y lo que requiere acción a la derecha.
Ideal para
- Pensado para planificar: el horario es lo primero
- Filtros y colas siguen visibles al cambiar de semana
Inconvenientes
- Menos espacio para indicadores
- Las tres columnas pasan a pestañas en el móvil
Páginas
3
Navegación superior

Sin barra lateral: un megamenú con todas las secciones, un inicio amplio con tarjetas y una barra de pestañas en el móvil.
Ideal para
- Todo el ancho para tablas y formularios
- Cómodo en el móvil con la barra de pestañas
Inconvenientes
- Las páginas profundas quedan a un clic más
- El megamenú oculta el mapa completo hasta abrirlo
Páginas
4
Centro de control

Una vista densa de operaciones con modo claro y oscuro, una franja de indicadores y todas las colas lado a lado.
Ideal para
- Todas las colas a la vista y acciones sin salir de la página
- Modo oscuro para jornadas largas
Inconvenientes
- Denso: ideal para usuarios intensivos
- Textos pequeños, mejor en pantalla grande
Páginas
5
Bandeja de entrada

Todo lo pendiente en una sola lista, el detalle a la derecha y atajos de teclado.
Ideal para
- La forma más rápida de clasificar: una lista, un lugar para actuar
- Atajos de teclado para las acciones habituales
Inconvenientes
- Centrado en la lista: menos visión de conjunto
- Los atajos requieren algo de práctica
Páginas
6
Minimalista

Una interfaz tranquila y sencilla, con una búsqueda grande, pocos colores y zonas táctiles amplias.
Ideal para
- Fácil para personal no técnico
- Textos y botones grandes, muy accesible
Inconvenientes
- Muestra menos cosas a la vez
- Más desplazamiento en pantallas grandes
Páginas

Diferencias

Demo	Navegación	Posición	Tipografía	Radio	Fondo principal	Diseño del inicio
1. Barra lateral	Barra lateral por secciones, contraíble	Izquierda, 264 px, blanca	Outfit	16 px	#F7F8FA	Tarjetas de indicadores, tareas pendientes, clases de hoy, calendario, próximas clases
2. Inicio calendario	Raíl de iconos con paneles por sección	Izquierda, 64 px, azul marino	Plus Jakarta Sans	8 px	#F1F5F9	Pantalla completa: filtros y minimes · calendario semanal · pendientes
3. Navegación superior	Seis menús de texto con megamenús a todo el ancho	Arriba, 72 px, blanca	DM Sans	20 px	#FFF8F0	Saludo con gran búsqueda, 4 indicadores, clases de hoy \| pendientes
4. Centro de control	Barra lateral oscura con secciones en mayúsculas	Izquierda, 220 px, oscura	Inter + JetBrains Mono	4 px	#0B0F14	Franja de indicadores con gráficos, 5 columnas kanban de colas
5. Bandeja de entrada	Carpetas tipo correo + lista	Izquierda, 200 px de carpetas + 420 px de lista	Source Sans 3	6 px	#FFFFFF / #F7F7F8	Bandeja de tareas unificada con panel de detalle
6. Minimalista	Seis secciones grandes, subpáginas en pestañas	Izquierda, 240 px, clara	Nunito	24 px	Pasteles sobre blanco	Seis grandes mosaicos de acción y una lista «Hoy»