Fondamenti

Un sistema di design è il insieme condiviso di regole e componenti da cui è costruita un'interfaccia: colori, spaziatura, tipografia, pulsanti, moduli, tabelle, ognuno definito una sola volta e utilizzato ovunque, in modo che ogni pagina appaia e si comporti allo stesso modo.

Da cui è speso tutto il resto. Nulla in queste pagine è un componente: sono le scale — colore, spaziatura, tipografia e la pelle che li unisce — che ogni altra sezione legge senza mai mostrarle.

Colori Le superfici da cui è composta una pagina, i livelli di inversione, i bordi e il testo attenuato sono tracciati, e le cinque famiglie semantiche. Entrambi i volti del tema, affiancati. Spaziatura I nove passaggi di spaziatura, le dimensioni e il modello di densità — come una regione si dichiara compatta e cosa questo comporta per tutto ciò che contiene. Tipografia La scala dei caratteri e i pesi, poi la stessa scala applicata in una pagina di prosa. Aspetto Come vengono tracciate le cose, con colore e densità uguali: i raggi, le ombre, i bordi e i separatori. L'unico asse del tema che ha un carattere.