Design OpsReglas activas
Design Governance
Marco mínimo para evolucionar UI sin romper consistencia visual ni operacional.
Tokens
Obligatorio
Urgencia
Unificada
QA visual
Snapshot + revisión
Regla
Token-first styling
Ningún componente nuevo debe introducir colores hardcodeados para estados estándar.
Usa `bg-*`, `text-*`, `border-*` basados en tokens
Si falta token, agrégalo en `globals.css` antes de usar valor literal
Evita mezclar semántica visual distinta para la misma acción
Regla
Urgencia unificada
Todos los módulos deben usar la misma escala: Crítico, En riesgo, Estable.
No inventar etiquetas alternativas para urgencia
Conservar color semántico entre tareas, alertas y notificaciones
Mantener iconografía consistente por nivel
Regla
Composición escalable
Cada nueva vista debe reutilizar header contextual, estados vacíos y controles de filtro.
Usar `ContextHeader` o `PageHeader` para identidad de página
Definir empty state con una acción primaria
Mantener jerarquía de lectura: señal, contenido, acción