• 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
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

Layoutregioner

Layoutregioner

Uppdaterad 2026-08-28

Layoutregioner (layout regions) utgör stommen i designen. De byggs upp av element och komponenter med liknande funktioner.

Icke-modala vyer

Toppnivå- och undernivåsidor i icke-modala vyer har tre layoutregioner: App Bar, Body och Navigation Bar.

Toppnivå- och undernivåsidor har tre layoutregioner: App Bar, Body och Navigation Bar.

På surfplattor och datorer kan Navigation Bar efter behov bytas ut mot Navigation Rail eller Navigation Drawer.

På surfplattor och datorer kan Navigation Bar efter behov bytas ut mot Navigation Rail eller Navigation Drawer.

Modala vyer

Toppnivå- och undernivåsidor i modala vyer (sheets, side sheets och fullskärmsdialoger) har två layoutregioner: App Bar och Body. Modala vyer kan även ha en Bottom Bar Container som ligger fast i nederkanten.

Modaler (sheets, side sheets och fullskärmsdialoger) har två layoutregioner: App Bar och Body.

Har du frågor?

Johan Beskow

Ansvarig digital design