Saltar al contenido principal
Gob.cl

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

Color

Paletas de marca, semánticos, neutros y opacidades.

ColorPaletas

Fundamentos

Tipografía

Escala tipográfica, pesos y jerarquía de texto.

TipografíaEscala

Fundamentos

Espaciado

Ritmo vertical y horizontal para layouts consistentes.

EspaciadoLayout