Dashboard y navegación
Patrones de layout para la aplicación: sidebar en escritorio, bottom navigation en móvil.
El producto Legalty se organiza alrededor de expedientes. La navegación debe ser estable, predecible y dejar el máximo espacio al contenido.
Escritorio — Sidebar con submenús
Una barra lateral fija a la izquierda agrupa las áreas principales (Expedientes, Documentos, Facturación, Ajustes). Los submenús se expanden en su sección, nunca en overlays. El acento violeta marca el elemento activo, como en la navegación de esta guía.
- Ancho estable (~240px), colapsable a iconos en pantallas medianas.
- Un único nivel de submenú; más profundidad indica que la IA de la información falla.
- El estado activo usa
--lg-accent-softde fondo y texto en--lg-text.
Móvil — Bottom navigation
En móvil, 3–5 destinos principales viven en una barra inferior con targets de 44px. Las acciones secundarias se mueven a un menú "Más". El contenido ocupa todo el ancho.
Composición de una vista de expediente
Una vista típica combina cabecera con título y acción primaria, una fila de estado con chips, tabs para las secciones y una tabla de documentos:
Datos de facturación
RFC, dirección fiscal y método de pago.
Regla de oro: el usuario siempre sabe dónde está (sección activa), qué puede hacer (una acción primaria clara) y cómo volver.