Dashboard.
Resume estado, prioridades y acciones de un sistema operativo sin ocultar la fuente o frescura de los datos.
Ejemplo completo
Compara la deuda observada con la composición propuesta para r19.
MarcaContexto
Dashboard
La tarea principal aparece antes que la configuración.
| Objeto | Ejemplo verificable |
|---|---|
| Fuente | Contrato canónico |
Objetivo
Resume estado, prioridades y acciones de un sistema operativo sin ocultar la fuente o frescura de los datos.
La plantilla define regiones, orden de lectura y estados. El producto aporta datos y acciones, no otra estructura visual.
Regiones
| Orden | Región |
|---|---|
| 1 | Chrome y título |
| 2 | Frescura y filtros globales |
| 3 | KPIs |
| 4 | Tareas o alertas |
| 5 | Datos detallados |
| 6 | Actividad y soporte |
Estados obligatorios
| Estado | Contenido mínimo |
|---|---|
| ready | Datos, timestamp y fuente |
| partial | Cobertura faltante |
| stale | Edad y refrescar |
| empty | Configurar o crear |
| error | Sistemas afectados y recuperación |
Responsive y accesibilidad
- Una sola columna legible a 320 px; las regiones de apoyo pasan después del contenido principal.
- El título de página es único y el breadcrumb conserva la jerarquía real.
- Las acciones mantienen el mismo nombre y orden en escritorio y móvil.
- El foco llega al mensaje o campo que requiere atención tras un envío.
- La URL entrega contenido completo sin router cliente.