• 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
Avstånd
Brytpunkter
Grid
Layoutregioner
Säkert område

Mönster

Destruktiva val
Hjälp
Inloggning
Inställningar
Interaktionstillstånd
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
Html-mejl

Avstånd

Avstånd

Uppdaterad 2026-06-22

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 är 16 pixlar mellan relaterade komponenter och 50 % större mellan orelaterade komponenter (24 pixlar).

Avstånd

Assets

Använd Spacing-komponenten eller Spacing-tokens i Figma och React för att få till rätt mellanrum.

Spacing

figma.com

Spacing

storybook.js.org

Tokens

bit.cloud

Har du frågor?

Johan Beskow

Ansvarig digital design