• Start
  • Blogg
  • Kom igång
  • Riktlinjer
  • Komponenter
  • Changelog
  • Tillgänglighet
  • Inställningar

Riktlinjer

Riktlinjer

​
​

Inga resultat hittade, prova med andra sökvillkor.

Personlighet

Designfilosofi
Designprinciper
Värdeord

Identitet

Bildmanér
Dotterbolag
Färger
Ikonografi
Logotyp
Tonläge
Typografi
UX-writing

Layout

Angränsande ytor
Brytpunkter
Grid
Informationstäthet
Knapphierarki
Layoutregioner
Säkert område
Spacing

Mönster

Destruktiva val
Hjälp
Inloggning
Inställningar
Interaktionstillstånd
Mörkt läge
Navigering
Obligatoriska fält
Offline
Onboarding
Startskärm
Textinmatning
Tomma tillstånd
Validering

Produkter och tjänster

Bodies för bebisar
Chattbot och chatt
Desktop web apps för professionella användare
Digitala skärmar
Mejl

Spacing

Spacing

Uppdaterad 2026-09-25

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

Spacing i höjdled ska vara 16 pixlar by default, oavsett brytpunkt.

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

Spacing

Assets

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

Tokens

bit.cloud

Spacing

figma.com

Spacing

storybook.js.org

Har du frågor?

Johan Beskow

Ansvarig digital design