• 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

Knapphierarki

Knapphierarki

Uppdaterad 2026-09-23

Genom att ge knappar olika visuell vikt med hjälp av färg och storlek hjälper du användaren att navigera snabbt utan att behöva tänka efter.

Alla våra knappliknande komponenter finns i flera färger och i fyra storlekar: sm, md, lg och xl, där sm är minst och xl är störst (default). Kom ihåg att klickytor på touchskärmar ska vara minst 44x44 pixlar.

Färger

Färger

Storlekar

Storlekar

Exempel på användning

Exempel på användning av färger

Exempel på användning av färger

Exempel på användning av storlekar

Exempel på användning av storlekar

Har du frågor?

Johan Beskow

Ansvarig digital design