Sistema de diseño
Educertics UI
Tokens y componentes reutilizados desde el documento de especificación — misma identidad visual, ahora como sistema vivo con tema claro/oscuro. Usa el botón “Tema” de la barra superior.
Color
paper
Fondo de página
paper-raised
Tarjetas / superficies elevadas
ink
Texto primario
ink-soft
Texto secundario
ink-faint
Texto terciario / metadatos
seal-blue
Acento primario — confianza, oficial
seal-gold
Acento secundario — credencial, sello
line
Bordes
Semántico (independiente del acento de marca)
ok
Confirmado / competente
pending
En revisión / pendiente
legal
Requiere validación / bloqueante
Tipografía
Fraunces — display
Títulos, con carácter de sello/diploma
Source Sans 3 — texto corrido para lectura larga
Cuerpo de texto, formularios
IBM Plex Mono — datos y etiquetas
Precios, códigos EC, badges, botones
Botones
Badges de taxonomía (sección 10 del documento)
Desglose de precio
Línea de tiempo de expediente
Tarjeta base
Componente Card — superficie elevada estándar para catálogo, dashboard y paneles de tenant.