Fondations

Un design system est l'ensemble commun de règles et d'éléments à partir desquels une interface est construite : couleurs, espacements, typographie, boutons, formulaires, tableaux, chacun défini une fois et utilisé partout, de sorte que chaque page ait le même aspect et le même comportement.

Ce dont tout le reste est dépensé. Rien sur ces pages n'est un composant : ce sont les échelles — couleur, espacement, type, et la peau qui les attire — que chaque autre section lit sans jamais les montrer.

Couleurs Les surfaces à partir desquelles une page est empilée, les niveaux inversés des bordures et du texte atténué sont dessinés, et les cinq familles sémantiques. Les deux faces du thème, côte à côte. Espacement Les neuf étapes d'espacement, les tailles, et le motif de densité — comment une région se déclare compacte et ce que cela fait à tout ce qu'elle contient. Typographie L'échelle de type et les poids, puis la même échelle à l'œuvre dans une page de prose. Habillage Comment les choses sont dessinées, à couleur et densité égales : les rayons, les ombres, les bordures et les séparateurs. L'unique axe du thème qui a un caractère.