Color Palette

ORANGE HEX CODE: #f7931f
ORANGE RGB CODE: (R) 247 (G) 147 (B) 31

 

GREY HEADER BACKGROUND HEX CODE: #f8f8f9
GREY HEADER BACKGROUND RGB CODE: (R) 248 (G) 248 (B) 249

 

HEADINGS TEXT HEX CODE: #222831

HEADINGS TEXT RGB CODE: (R) 34 (G) 40 (B) 49

 

PRIMARY TEXT HEX CODE: #393e46

PRIMARY TEXT RGB CODE: (R) 57 (G) 62 (B) 70

 

SECONDARY TEXT HEX CODE: #adb0b6

SECONDARY TEXT RGB CODE: (R) 173 (G) 176 (B) 182

 

LINKS TEXT HEX CODE: #f7931e

LINKS TEXT RGB CODE: (R) 247 (G) 147 (B) 30

TYPOGRAPHY

BASIC FONT: Opens Sans  (default weight) (default style)

Large font size = 15 px
Large line-height = 28 px

Medium font size = 14 px
Medium line-height = 26 px

Small font size = 13 px
Small line-height = 25 px

 

HEADINGS:

 

H1 = Roboto (500 weight) (default style)

Font size = 50 px
Line-height = 59 px

H2 Roboto (500 weight) (default style)

Font Size = 34 px
Line-height = 44 px

H3 Roboto (500 weight) (default style)

Font Size = 25 px
Line-height = 36 px

H4 Roboto (700 weight) (default style)

Font Size = 20 px
Line-height = 32 px

H5 Roboto (700 weight) (default style)

Font Size = 16 px
Line-height = 28 px

H6 Roboto (700 weight) (default style)

Font Size = 14 px
Line-height = 26 px

TEXT BLOCKS:

Color Palette

ORANGE HEX CODE: #f7931f
ORANGE RGB CODE: (R) 247 (G) 147 (B) 31

GREY HEX CODE: #f8f8f9
GREY RGB CODE: (R) 248 (G) 248 (B) 249

TYPOGRAPHY

FONT:
HEADINGS:
TEXT BLOCKS: