• 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
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
Digitala skärmar
Interna produkter och tjänster
Mejl

Informationstäthet

Informationstäthet

Uppdaterad 2026-10-21

Genom att öka tätheten i långa listor, tabeller och formulär så blir informationen enklare att överblicka, läsa och jämföra.

  • Våra listliknande och textfältsliknande komponenter finns i fyra tätheter: Comfortable, Compact, Dense och Tight, där Comfortable är luftig (default) och Tight är mycket tät.
  • Använd informationstäthet med eftertanke. Alla listor, tabeller och formulär behöver inte vara täta.
  • Användaren ska kunna ändra inställningar för informationstäthet, lokalt eller globalt.
  • Kom ihåg att klickytor ska vara minst 44x44px för pekskärmar och minst 24x24px för muspekare.

Exempel på användning

Kort tabell med normal täthet.

Kort tabell med normal täthet.

Lååång tabell med hög täthet.

Lååång tabell med hög täthet.

Har du frågor?

Johan Beskow

Ansvarig digital design

Relaterade riktlinjer

  • Designvision 2.0 / Flexibla komponenter