Consolidado a partir de los Módulos 1 y 2 (Escuela de Calidad). Este documento es la referencia obligatoria de diseño para todos los módulos futuros, en las 4 escuelas.
01 — Color
Base compartida + acento por escuela
Fondo
#0B0E0C
Base de todo activo, sin excepción
Superficie
#141815
Tarjetas, contenedores
Superficie 2
#1B211D
Inputs, elementos anidados
Línea
#26302A
Bordes, divisores
Texto
#F1F3F0
Texto primario
Texto muted
#8A968E
Subtítulos, metadatos
Escuela de Calidad
ISO 9001 · #16C270
ACTIVA
Escuela Ambiental
ISO 14001 · #4C9AFF
FUTURA
Escuela de Seguridad
ISO 45001 · #E8A33D
FUTURA
Ética y Cumplimiento
ISO 37001 · #E8603D
FUTURA
02 — Tipografía
3 familias, cada una con un solo trabajo
Display Space Grotesk 700
Liderazgo y Compromiso
Cuerpo Inter 400/600
Cada tarea de campo es parte del proceso que sostiene la certificación.
Utilitaria JetBrains Mono 500/600
PEM-EXAM-9001-M2 · CL. 5.1
03 — Elemento de firma
El manómetro / dial circular
90%9/10
Un motivo recurrente en toda la industria de PEM: presión, medición, control dentro de rango. Se usa como medidor de calificación en los exámenes, sello en los certificados y puede aparecer en infografías ligadas a monitoreo o desempeño. Es el único elemento decorativo permitido fuera del sistema de tarjetas — todo lo demás es tipografía y color plano.
04 — Componentes
Patrones reutilizables
Botones
Acción primariaAcción secundaria
Eyebrow / etiqueta de sección
PEM Excellence Academy
Tag de estado
ENTREGADO
Tarjeta sitio de trabajo
Borde 1px, radio 10–16px, superficie var(--surface). Contenedor único para preguntas, módulos, ítems de infografía.