Sistema de diseño
El sistema con el que está construido este sitio, documentado a partir de la hoja de estilos activa en vez de escrito aparte. Los fundamentos definen la materia prima. El resto muestra cómo encaja todo.
Principios
Sobrio
Un solo color de acento, usado con intención. El verde significa interacción o énfasis y nada más, así que cualquier elemento verde de la página invita a tocarlo o señala lo que importa. Todo lo demás es negro, blanco y gris.
Editorial
El contenido manda. El espacio va antes que el armazón de la interfaz y la tipografía antes que la decoración. La maquetación se aparta para que se puedan leer los textos y el trabajo.
Técnico
Cada valor es una variable CSS, y estas páginas leen de esa misma fuente cuando el sitio se compila. La documentación no puede desviarse del sitio porque se genera a partir de él.
Fundamentos
Componentes
Contenido
Un documento vivo
Las tablas de color, tipografía y espaciado de estas páginas se generan a partir de la hoja de estilos del sitio en el momento de la compilación. Cambia un token en el CSS y las tablas de aquí cambian con él. Si el analizador ya no puede leer la hoja de estilos, la compilación falla en lugar de mostrar una tabla vacía.