Style Guide

Colors

 
Navyhsla(210, 100%, 29%, 0.83)rgba(0, 74, 148, 0.83)#004a94cmyk(100%, 50%, 0%, 42%)

Navy

hsla(210, 100%, 29%, 0.83)

rgba(0, 74, 148, 0.83)

#004a94

cmyk(100%, 50%, 0%, 42%)

Orangehsla(35, 100%, 50%, 1)rgba(255,151,2,1)#ff9702cmyk(0%, 41%, 99%, 0%)

Orange

hsla(35, 100%, 50%, 1)

rgba(255,151,2,1)

#ff9702

cmyk(0%, 41%, 99%, 0%)

Yellowhsl(42, 92%, 54%)rgb(246, 181, 30)hex #f6b51ecmyk(0%, 26%, 88%, 4%)

Yellow

hsl(42, 92%, 54%)

rgb(246, 181, 30)

hex #f6b51e

cmyk(0%, 26%, 88%, 4%)

 

Typography

Header 1

Work Sans 600 /40 px / navy

 

Header 2

Eczar 500 / 22px / orange

 

Header 3

Work sans 600 / 17px / hsla(0, 0%, 10%, 0.84) /all caps

 

Body copy

Work Sans 400 / 15px / hsla(0, 0%, 10%, 0.84)