• Start

  • Blogg

  • Kom igång

  • Riktlinjer

  • Komponenter

  • Changelog

  • Tillgänglighet

  • Statistik

  • Inställningar

Riktlinjer

Riktlinjer

​
​

Inga resultat hittade, prova med andra sökvillkor.

Personlighet

Filosofi
Principer

Identitet

Bildmanér
Färger
Ikonografi
Logotyp
Rörelse
Typografi
UX-writing

Layout

Angränsande ytor
Anpassning av komponenter
Avstånd
Brytpunkter
Grid
Layout
Layoutregioner
Säkert område

Mönster

Destruktiva val
Elevation
Hjälp
Inloggning
Landningssidor
Launch screen
Mörkt läge
Navigering
Offline
Onboarding
Progress
Prominens
Sök
Textinmatning
Tomma tillstånd
Validering

Produkter och tjänster

Chattbot och chatt
Digitala skärmar
Html-mejl
Kläder

Avstånd

Avstånd

På mobiler och surfplattor är avståndet 16 px mellan relaterade komponenter och 50 % större mellan orelaterade komponenter (24 px).

Avstånd mellan komponenter på liten skärm

Avstånd mellan komponenter på liten skärm

På datorer är avståndet 24 px mellan relaterade komponenter och 50 % större mellan orelaterade element (36 px).

Avstånd mellan komponenter på stor skärm

Undantaget är interna produkter & tjänster. Där är avståndet på datorer samma som på mobiler och surfplattor, dvs 16 px mellan relaterade komponenter och 50 % större mellan orelaterade komponenter (24 px).

Använd Spacing-komponenten eller Spacing-tokens i Figma och React för att få till rätt avstånd i höjdled mellan komponenter.

Spacing