Typography

Header Level 1

36px

Header Level 2

27px

Header Level 3

21px

Header Level 4

18px

Color

Primary colors

Blush

#BE446D

Fountain Blue

#5BBCC4

Black

#1E242D

Backgrounds and borders

Grey

#999999

Lightgrey

#cccccc

Layout

CSS Selector:

.grid-col-1of*

Sample Code:

<div class="grid><div>class="grid-col-1ofx"</div></div>

Rendered Element:

.grid-col-1of2

.grid-col-1of2

.grid-col-1of3

.grid-col-1of3

.grid-col-1of3

.grid-col-1of5

.grid-col-4of5

Buttons

CSS Selector:

.btn

Sample Code:

<button class=".btn"> Button </button>

Rendered Element: