Spacing

Det er viktig å gruppere innhold som hører sammen, slik at siden får et oversiktlig hierarki. Vi har flere virkemidler for å oppnå dette. Først og fremst bruker vi luft og typografi. Deretter kan vi fremheve viktig innhold ved bruk av bakgrunnsflater. Hvis det er behov for det, kan vi også bruke bokser og linjer.

På mindre skjermer ønsker man ofte mindre marginer og avstander enn på store skjermer. Vi tilbyr derfor egne variabler og hjelpeklasser for utviklere med vanlige kombinasjoner av spacinger som endrer seg ut fra skjermstørrelse. Du kan lese mer om disse under Komponenter.

Vi bruker bokser sparsomt. Vi legger informasjon i en boks bare når vi har informasjon og elementer som må stå tydelig uthevet og atskilt fra annet innhold. Kortkomponenten er et eksempel på en boks.

For å gjøre det lettere å jobbe med skalaen i Figma kan du sette verdien av "big nudge" til 8px. Dette gjør du under Hamburgermeny (øverst til venstre) → Preferences → Nudge Amount.