Una línea.
Todos los medios.
Meridiano es una sola referencia de diseño que funciona idéntica en un documento, un dashboard o una app. Arrastra el matiz de arriba y mira el sistema entero recolorearse al instante: misma regla, distinta expresión.
Por qué funciona
Lo invariante se define una vez; cada medio lo expresa a su manera.
Color · OKLCH
Perceptual, accesible y generable por fórmula.
Neutros como base, un acento que acabas de elegir, funcionales para estado. Cada par cumple WCAG AA y se mide con APCA: 28 de 28.
Tipografía · escala 1.25
Jerarquía con tamaño, peso y espacio. Nunca con adornos.
Visualización de datos
El título dice la conclusión. El cero importa. Una idea por gráfico.
21 componentes · todos accesibles
Tócalos. Todos responden con física de resortes y pasan AA.
§8.1 Botones
§8.2 Campos y select
§8.4 Selección
§8.10 Badges y estado
§9.5 Asistente
§8.3 Pestañas y acordeón
Una idea por pestaña. El foco viaja con las flechas del teclado.
El panel activo se anuncia a lectores de pantalla con roles ARIA reales.
¿Es accesible?
Sí: details/summary nativos, teclado y lectores incluidos.
¿Se adapta al matiz?
Claro: toma el color de acento que acabas de elegir arriba.
§8.9 Avisos y toasts
§8.5 Tabla de datos
El principio rector
«Misma regla, distinta expresión.»