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, Checkboxe, Radio, Stepper och Switch finns i tre stilar: Plain, List och Card. Plain är minst prominent, Card är mest prominent.

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