Avstånd

Rätt användning av avstånd hjälper till att strukturera innehåll, leda användarens uppmärksamhet och ge produkten en tydlig karaktär.

Avståndet mellan element är 16 pixlar by default.

I undantagsfall kan avståndet ökas i steg om 8 pixlar, till exempel för att hålla isär två stycken med text. Avståndet kan också minskas i steg om 4 pixlar, till exempel för att finjustera avståndet mellan en liten rubrik och brödtext.

Våra tokens innehåller definitioner för alla avstånd. Det finns även en Spacing-komponent att använda i Figma och i kod.