Farger

Primær - #f1f1eb

Sekundær - #231f21

punktfarge - #be2d7f

Toner

Mørke

Lyse

Varsler

Suksess - #73ec99

Feilmelding - #f84568

Advarsel - #f6d87c

Typografi

Ab
Source Sans Pro
700 - Bold
Ab
Source Sans Pro
600 - Semi-Bold
Ab
Source Sans Pro
400 - Regular

Overskrifter

The quick brown fox jumps over the lazy dog

H1 - 36.8427PX / 1.3EM - Source Sans Pro

The quick brown fox jumps over the lazy dog

H2 - 33.638PX / 1.3EM - Source Sans Pro

The quick brown fox jumps over the lazy dog

H3 - 29.9PX / 1.3EM - Source Sans Pro

The quick brown fox jumps over the lazy dog

H4 - 26.578PX / 1.3EM - Source Sans Pro
The quick brown fox jumps over the lazy dog
H5 - 23.625PX / 1.3EM - Source Sans Pro

Paragrafer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

PARAGRAPH - 21PX/ 1.58EM - Source Sans Pro
screen=<767PX: 18PX/1.58EM

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

.PARAGRAPH .IS--BIG - 23.625PX/ 1.58EM - Source Sans Pro
screen=<767PX: 20.25PX/1.58EM

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

.PARAGRAPH .IS--SMALL - 18.6667PX/ 1.58EM - Source Sans Pro
screen=<767PX: 16PX/1.58EM

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

PARAGRAPH .IS--LIGHT- 21PX/ 1.58EM - Source Sans Pro
screen=<767PX: 18PX/1.58EM

Others

Here is a caption to add on an element.

CAPTION - 14.749PX/1.58EM - Source Sans Pro

Here is a label to add to your forms as needed.

LABEL - 18.6667PX/ 1.58EM - Source Sans Pro
screen=<767PX: 16PX/1.58EM

Small text that you'll have on the page maybe for a small description.

SMALL - 16,593PX/  1.58EM - Source Sans Pro
screen=<767PX: 16PX/1.58EM

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

very-small - 11PX/ 1.6EM - Open Sans