GECIM · SISTEMA VISUAL APROBADO
Candidato final con dos tipografías y dos temas. La configuración predeterminada es IBM Plex Sans, tema Institucional técnico y modo claro.
Configuración activa
IBM Plex Sans Azul institucional · ClaroComprobando disponibilidad tipográfica…
01 · CONFIGURACIÓN
02
Las dos familias utilizan exactamente los mismos tamaños, pesos y espacios. La comparación cambia únicamente la tipografía.
INTERFAZ · IBM PLEX SANS
Título principal de ejemplo
Título secundario claro
Encabezado de sección
Este párrafo permite evaluar lectura prolongada, apertura de caracteres, seguimiento de línea y ritmo visual. El contenido permanece alineado a la izquierda y utiliza una longitud de lectura controlada.
Texto secundario para instrucciones, notas y metadatos. Ejemplo: 1 234 567,89 · I1l0O · B8 · rn/m.
Enlace de ejemplo con subrayado visibleABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
0123456789 · I l 1 · O 0 · B 8
03
Cada tema define fondos, superficies, texto, bordes, acciones y estados. El modo oscuro no es una simple inversión de colores.
04
Los controles mantienen tamaño, jerarquía y foco en todas las combinaciones.
05
Etiquetas permanentes, instrucciones visibles y mensajes asociados al campo.
06
Densidad cómoda, encabezados claros y desplazamiento horizontal limitado al componente.
| Elemento | Estado | Fecha | Valor | Acción |
|---|---|---|---|---|
| Registro de ejemplo A | Correcto | 01/08/2026 | 1 250,00 | |
| Registro de ejemplo B | Pendiente | 02/08/2026 | 845,50 | |
| Registro de ejemplo C | Información | 03/08/2026 | 320,75 |
07
El color siempre se acompaña con texto e iconografía.
Mensaje descriptivo y acción opcional.
La operación de muestra se completó.
Revise la información antes de continuar.
Existe un problema que requiere corrección.
08
La interfaz evita texto pequeño, líneas extensas, controles comprimidos y movimiento no solicitado.
Preview permite comparar dos combinaciones del azul institucional y dos tipografías. La ampliación cromática requiere repetir la auditoría completa antes de aprobar una combinación. La usabilidad y ergonomía definitivas requieren pruebas con usuarios representativos.
Abrir informe técnico preliminar
Esta página es la fuente visual aprobada de GECIM. No debe
copiarse su HTML ni la hoja preview.css.
Las interfaces deben implementarse con tokens semánticos,
variables --gc-* y componentes reutilizables.
Preview: documenta
Tokens: definen
Componentes: implementan
Páginas: reutilizanAnte un token o componente faltante, el agente debe detenerse y solicitar una ampliación documentada.