• 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
Layoutregioner
Mellanrum
Säkert område

Mönster

Destruktiva val
Hjälp
Inloggning
Inställningar
Interaktionstillstånd
Landningssidor
Navigering
Obligatoriska fält
Offline
Onboarding
Progress
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

Säkert område

Säkert område

Uppdaterad 2026-06-16

Ett säkert område (safe area) definierar området inom en vy som inte täcks av operativsystemets eller webbläsarens reglage.

Om du inte tar hänsyn till säkra områden kan vissa element i layouten täckas av operativsystemets eller webbläsarens reglage, vilket gör det omöjligt att interagera med elementen.

env() CSS function

developer.mozilla.org

Exempel på safe area

Har du frågor?

Johan Beskow

Ansvarig digital design