Buttons

Bli kunde
CSS
.btn
Bli kunde
CSS
.btn .dark
Bli kunde
CSS
.btn .orange
Bli kunde
CSS
.btn .large
Bli kunde
CSS
.btn -large .dark
Bli kunde
CSS
.btn .large .orange

Color Palette

Brand Green
#f0fbf7
#e0f7ee
#d1f3e6
#c2efde
#b3ebd6
#a3e6cd
#94e2c5
#85debd
#75dab4
#66d6ac
#5cc19b
#52ab8a
#479678
#3d8067
#336b56
#295645
Brand Dark
#eaecec
#d4d9da
#bfc6c7
#aab3b4
#95a1a2
#7f8e8f
#6a7b7c
#556869
#3f5557
#2a4244
#263b3d
#223536
#1d2e30
#152122
#111a1b
#0d1414

Boxes

Norges billigste strømavtale

CSS
.box

Norges billigste strømavtale

CSS
.box .light

Norges billigste strømavtale

CSS
.box .green

Wrappers

CSS
.wrapper/content
CSS
.wrapper/content .light
CSS
.wrapper/content .brand-green

Shadows

CSS
drop-shadow/2dp
CSS
drop-shadow/4dp
CSS
drop-shadow/8dp
CSS
drop-shadow/12dp
CSS
drop-shadow/16dp
CSS
drop-shadow/20dp

Parragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS
p/large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS
p/medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS
p/small

Headings

Heading H1

CSS
No Needed

Heading H2

CSS
No Needed

Heading H3

CSS
No Needed

Heading H4

CSS
No Needed
Heading H5
CSS
No Needed
Heading H5
CSS
No Needed

Text Styles

This is some text inside of a div block.
CSS
.semi-bold
This is some text inside of a div block.
CSS
.bold
This is some text inside of a div block.
CSS
.text/primary-dark
This is some text inside of a div block.
CSS
.text/primary-light
This is some text inside of a div block.
CSS
.text/black-60
This is some text inside of a div block.
CSS
.bold
This is some text inside of a div block.
CSS
.text/black-100
This is some text inside of a div block.
CSS
.text/orange
Only available for Desktop View