Fundamentos

Um sistema de design é o conjunto compartilhado de regras e elementos do qual uma interface é construída: cores, espaçamento, tipografia, botões, formulários, tabelas, cada um definido uma vez e usado em toda parte, para que cada página tenha a mesma aparência e comportamento.

O que tudo mais é gasto. Nada nestas páginas é um componente: elas são as escalas — cor, espaçamento, tipografia e a aparência que as conecta — que cada outra seção lê sem nunca mostrá-las.

Cores As superfícies de que uma página é composta, os níveis de inversão, as bordas e o texto suavizado são desenhados, e as cinco famílias semânticas. Ambos os lados do tema, lado a lado. Espaçamento Os nove passos de espaçamento, os tamanhos e o padrão de densidade — como uma região se declara compacta e o que isso faz com tudo que abriga. Tipografia A escala de tipografia e os pesos, depois a mesma escala em ação em uma página de prosa. Aparência Como as coisas são desenhadas, com igual cor e densidade: os raios, as sombras, as bordas e os separadores. O único eixo do tema que tem um caráter.