Styleguide för pensionsmyndigheten.se

Color Palette

Färgerna från _color-palette.scss är mappade i _color-theme.scss

light-orange--dark

#be450f

BRANDINGFÄRG Header Footer

light-orange--100

#e37700

BRANDINGFÄRG Header Footer

light-orange--75

#ea9940

BRANDINGFÄRG Rubriker Rubrik Attention Alert

light-orange--50

#f1bb80

GRAFISKA ELEMENT Bakgrundsfärg i kort 'Kontakta oss' länkikoner genväg startsida

light-orange--10

#fcf1e5

Sekundär knapp Backgrund redaktionella sidor

light-orange--5

#fef8f2

Sekundär knapp Bakgrund redaktionella sidor

dark-orange--dark

#a21e00

BRANDINGFÄRG Header Footer

dark-orange--100

#cc4202

BRANDINGFÄRG Header Footer

dark-orange--75

#d97141

BRANDINGFÄRG Rubriker Rubrik Attention Alert

dark-orange--50

#e5a080

GRAFISKA ELEMENT Bakgrundsfärg i kort 'Kontakta oss' länkikoner genväg startsida

dark-orange--10

#faece6

Sekundär knapp Backgrund redaktionella sidor

dark-orange--5

#fcf6f2

Sekundär knapp Bakgrund redaktionella sidor

blue--dark

#0b4774

BRANDINGFÄRG Header Footer

blue--100

#156198

BRANDINGFÄRG Header Footer

blue--75

#4f88b2

BRANDINGFÄRG Rubriker Rubrik Attention Alert

blue--50

#8ab0cb

GRAFISKA ELEMENT Bakgrundsfärg i kort 'Kontakta oss' länkikoner genväg startsida

blue--10

#e8eff5

Sekundär knapp Backgrund redaktionella sidor

blue--5

#f3f7fa

Sekundär knapp Bakgrund redaktionella sidor

green--dark

#4f5c14

BRANDINGFÄRG Header Footer

green--100

#889925

BRANDINGFÄRG Header Footer

green--75

#a6b35c

BRANDINGFÄRG Rubriker Rubrik Attention Alert

green--50

#c3cc92

GRAFISKA ELEMENT Bakgrundsfärg i kort 'Kontakta oss' länkikoner genväg startsida

green--10

#f3f5e9

Sekundär knapp Backgrund redaktionella sidor

green--5

#f9faf4

Sekundär knapp Bakgrund redaktionella sidor

warm-gray--23

#d9d1c8

BRANDINGFÄRG Header Footer

warm-gray--17

#e4ddd7

BRANDINGFÄRG Rubriker Rubrik Attention Alert

warm-gray--12

#ebe7e2

GRAFISKA ELEMENT Bakgrundsfärg i kort 'Kontakta oss' länkikoner genväg startsida

warm-gray--8

#f1efec

Sekundär knapp Backgrund redaktionella sidor

warm-gray--5

#f7f5f3

Sekundär knapp Bakgrund redaktionella sidor

headline-orange

#BF3D01

BRANDINGFÄRG Header Footer

pink

#b9348a

BRANDINGFÄRG Header Footer

white

#ffffff

Sekundär knapp Bakgrund redaktionella sidor

black--100

#332A2A

BRANDINGFÄRG Header Footer

black--100

#332A2A

BRANDINGFÄRG Header Footer

black--75

#665f5f

BRANDINGFÄRG Rubriker Rubrik Attention Alert

black--50

#999494

GRAFISKA ELEMENT Bakgrundsfärg i kort 'Kontakta oss' länkikoner

black--10

#ebeaea

Sekundär knapp Backgrund redaktionella sidor

black--5

#f5f4f4

Sekundär knapp Bakgrund redaktionella sidor

Signal Colors

signal--dark-green

#55772b

BRANDINGFÄRG Header Footer

signal--light-green

#b4be25

BRANDINGFÄRG Header Footer

signal--yellow

#f8be00

BRANDINGFÄRG Rubriker Rubrik Attention Alert

signal--orange

#ef7c00

GRAFISKA ELEMENT Bakgrundsfärg i kort 'Kontakta oss' länkikoner genväg startsida

signal--red

#d52f2a

Sekundär knapp Backgrund redaktionella sidor