Abstände zwischen Elementen erhöhen die Lesbarkeit, indem sie die Inhalte strukturieren und abgrenzen. Abstände erleichtern den Benutzern, die Texte zu lesen und interaktive Elemente wie Checkboxen zu erkennen und zu verwenden. Deshalb immer ausreichend Abstand zwischen Elemente setzen.
Abstände zwischen Elementen sind 0 oder ein Mehrfaches des Grid Size.
Dabei ist zu beachten, dass Components von sich aus einen inneren Abstand zwischen Inhalt und Umriss haben. Dieser reicht zumeist, um Components vor allem in der Vertikalen nahtlos aneinanderzureihen, visuell trotzdem genügend weit voneinander entfernt zu erscheinen.
