Fundamentos

Un sistema de diseño es el conjunto compartido de reglas y elementos a partir de los cuales se construye una interfaz: colores, espaciado, tipografía, botones, formularios, tablas, cada uno definido una vez y utilizado en todas partes, para que cada página se vea y se comporte de la misma manera.

De lo que se gasta todo lo demás. Nada en estas páginas es un componente: son las escalas —color, espaciado, tipo y la piel que los atrae— que cada otra sección lee sin mostrarlas nunca.

Colores Las superficies de las que se apila una página, los niveles invertidos de los bordes y el texto atenuado se dibujan con, y las cinco familias semánticas. Ambas caras del tema, lado a lado. Espaciado Los nueve pasos de espaciado, los tamaños y el patrón de densidad —cómo una región se declara compacta y lo que eso hace a todo lo que contiene. Tipografía La escala tipográfica y los pesos, luego la misma escala en acción en una página de prosa. Apariencia Cómo se dibujan las cosas, con igual color y densidad: los radios, las sombras, los bordes y los separadores. El único eje del tema que tiene un carácter.