• Start

  • Blogg

  • Kom igång

  • Riktlinjer

  • Komponenter

  • Changelog

  • Tillgänglighet

  • Statistik

  • Inställningar

Riktlinjer

Riktlinjer

​
​

Inga resultat hittade, prova med andra sökvillkor.

Personlighet

Principer

Identitet

Bildmanér
Färger
Ikonografi
Logotyp
Rörelse
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
Landningssidor
Launch screen
Mörkt läge
Navigering
Offline
Onboarding
Progress
Prominens
Sök
Textinmatning
Tomma tillstånd
Validering

Produkter och tjänster

Chattbot och chatt
Digitala skärmar
Html-mejl
Kläder

Prominens

Prominens

Här har vi samlat exempel på hur vi vill att prominens ska upplevas i våra digitala produkter och tjänster.

Exempel 1

Komponenter såsom Button finns i fem stilar: Plain, Outlined, Gray, Tinted och Filled. Plain är minst prominent, Filled är mest prominent.

Plain

Plain

Outlined

Outlined

Gray

Gray

Tinted

Tinted

Filled

Filled

Exempel 2

Komponenter såsom Accordion, Checkbox, Radio, Stepper och Switch finns i tre stilar: Plain, List och Card. Plain är minst prominent, Card är mest prominent.

Input plain

Plain

List

List

Card

Card

Exempel 3

I interna produkter & tjänster på desktop använder vi en mörkare bakgrundsfärg i eleverade App Bars och Bottom Bars för att lyfta fram dem ytterligare mot bakgrunden.

Default background

Default background

Prominent background

Prominent background