PLANTILLA ESTÁTICA · PROPUESTA VISUAL 06
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