SYSTEM SANS · METRIC
$86,450
Total Revenue · 30px / 700
Identidad y paleta
Un dashboard administrativo de superficies blancas sobre gris claro, con sidebar azul profunda y color semántico para el estado operativo.
sidebarStart
#1D4ED8sidebarEnd
#1E3A8Aaction
#2563EBpage
#F9FAFBsuccess
#22C55Edanger
#EF4444Tipografía y controles
STATUS PILLS
Inventario de componentes
Sidebar / navigation
256px, gradiente azul, item activo y perfil de usuario al final.
activehoverStat card
Valor grande, delta semántico e icono circular de 48px.
positivenegativeTable / status
Cabecera gris, filas separadas, select y overflow móvil localizado.
in transitpendingInvoice form
Campos requeridos, loading, foco azul y confirmación de creación.
focusloadingResponsive behavior
| Viewport | Comportamiento observado |
|---|---|
| Desktop | Sidebar de 256px, cuatro métricas y gráficos en dos columnas. |
| Tablet | Dos métricas por fila y formularios/acciones en dos columnas. |
| Móvil | Una métrica por fila, contenido apilado y tablas con scroll horizontal localizado. |
Procedencia y validación
Fuente local: pasted-text.txt. La fuente contiene datos mock de envíos, clientes, facturas y métricas; no son claims reales.
✓ PASSED — contrato duro, contrato blando, tokens, componentes, responsive y reporte presentes.