• 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
Färger
Ikonografi
Logotyp
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
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

Startskärm

Startskärm

Uppdaterad 2026-05-08

En startskärm (launch screen) är det första som användaren möter när en app startas från hemskärmen.

Startskärmen innehåller vår logotyp och kan ha våra primärfärger som bakgrund alternativt bild. Var alltid noga med att logotypen kontrasterar mot underlaget och undvik stökiga bakgrunder. Logotypen skall alltid vara så tydlig som möjligt.

Splash screens

web.dev

Startskärm, Exempel 1

Example 1

Startskärm, Exempel 2

Exempel 2

Startskärm, Exempel 3

Exempel 3

Startskärm, Exempel 4

Exempel 4

Har du frågor eller förslag på förbättringar?

Johan Beskow

Ansvarig digital design