Diseño productos accesibles sobre sistemas de diseño de alto nivel.

Multitenant

Sistemas de diseño en capas: una base, muchas identidades

Cada decisión de diseño vive en una capa de abstracción, y cada capa solo puede usar lo que define la anterior:

1. Token. El valor permitido, con nombre propio: color_60, spacing_16. Ningún color ni medida se escribe a mano.
2. Rol. La función que comparten muchos elementos. El radio de todo lo que agrupa contenido se decide una vez, no componente por componente.
3. Alias. El ajuste fino de una pieza, siempre apuntando a un rol o a un token.
4. Tema. La identidad de un proyecto: color de origen, tipografías y un preset que llena todos los roles de una vez. Nunca crea un valor nuevo ni cambia una regla.
5. Componente. Consume solo esas capas, en CSS y Web Components, con o sin framework.

Multitenant por diseño. Varias instituciones comparten la misma base y cada una conserva su marca: cambiar de tema cambia la identidad del sitio completo sin tocar su HTML. CATED y ROEL son dos identidades sobre la misma base.

Un tema desde un solo color. De un color de origen se calcula la escala completa, el anillo de foco y los colores de error, alerta y éxito, que se alejan solos del color de marca para no confundirse con él.

Mantenido como producto. Versionado semántico, migración automática de temas entre versiones y una nomenclatura generada desde la documentación: diseño y código usan exactamente los mismos nombres.