Fundamentos del sistema de diseño
Los fundamentos son la base visual y conceptual sobre la que se construyen todos los componentes y patrones del Sistema de Diseño Digital de Gobierno. Definen las decisiones transversales de color, tipografía y espaciado que dan coherencia a los servicios digitales del Estado, sin importar la institución que los desarrolle.
Trabajar sobre estos fundamentos permite que las personas reconozcan de inmediato que están frente a un servicio público, reduce el tiempo de diseño y desarrollo, y asegura que los criterios de accesibilidad estén incorporados desde el inicio y no como una corrección posterior.
Cada fundamento se expresa como un conjunto de valores documentados (o tokens) que pueden aplicarse de forma consistente tanto en las herramientas de diseño como en el código. Usar estos valores en vez de definiciones propias evita inconsistencias, facilita la mantención y permite que las actualizaciones del sistema se propaguen a todos los servicios que lo adoptan.
Revisa las siguientes secciones para conocer la base visual del sistema:
Fundamentos
ColorPaletas de marca, semánticos, neutros y opacidades.
Fundamentos
TipografíaEscala tipográfica, pesos y jerarquía de texto.
Fundamentos
EspaciadoRitmo vertical y horizontal para layouts consistentes.