Design system audit
Foundations
Las reglas visuales y de experiencia que deben mantenerse estables antes de ampliar el catálogo de componentes.
Esta documentación también es una auditoría.
Describe lo que existe hoy, señala lo que todavía es inconsistente y propone el orden para convertirlo en una regla compartida.
Colores
Color expresivo con roles semánticos y contraste comprobable.
Tipografía
Space Grotesk para la interfaz, IBM Plex Mono para código y DM Sans 900 para el juego, con roles semánticos.
Espaciado
Una base de 4px para separar controles y componer páginas.
Radios y bordes
Un contorno único y nítido que define cada pieza.
Sombras
Elevación sólida sin desenfoque.
Estados y movimiento
El aspecto y el comportamiento se documentan juntos.
Iconos
Phosphor, con un peso coherente para cada uso.
Accesibilidad
Teclado, lectura, contraste y movimiento forman parte del diseño.
Process
Cómo vamos a trabajar
Documentar
Registrar lo que ya usa el producto sin inventar una versión ideal.
Comparar
Encontrar valores duplicados, arbitrarios o que no viajan con el registro.
Decidir
Convertir los hallazgos en tokens, reglas y pruebas verificables.