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

Mönster

Destruktiva val
Elevation
Hjälp
Inloggning
Interaktionstillstånd
Landningssidor
Minskad rörelse
Mörkt läge
Navigering
Obligatoriska fält
Offline
Onboarding
Progress
Prominens
Sök
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

Elevation

Elevation

Uppdaterad 2026-05-21

Elevation hjälper användaren förstå vad som är i förgrunden och i bakgrunden. Till exempel när användaren skrollar sidan och innehåll hamnar bakom balkar och knappar.

Exempel 1

Resting App Bar (default)

Resting App Bar (default)

Elevated App Bar (when content scrolls behind it)

Elevated App Bar (when content scrolls behind it)

Exempel 2

Resting Nav Bar (default)

Resting Nav Bar (default)

Elevated Nav Bar (when content scrolls behind it)

Elevated Nav Bar (when content scrolls behind it)

Exempel 3

Resting Bottom Bar (default)

Resting Bottom Bar (default)

Elevated Bottom Bar (when content scrolls behind it)

Elevated Bottom Bar (when content scrolls behind it)

Har du frågor?

Johan Beskow

Ansvarig digital design