TYPOGRAPHY
Heading
Aeonik
FONT STYLES
FONT WEIGHT/SIZES
LINE HEIGHT
- header-title
400, 60px
74px
- block-title
400, 48px
60px
- block-title-med
400, 42px
54px
- block-title-small
400, 38px
50px
- block-title-xs
400, 24px
34px
- services-title
400, 32px
42px
- blog-title
400, 20px
32px
- testi-name
500, 18px
29px
- button-text
700, 16px
26px
- overline-text
500, 12px
23px
BODY
Roboto
FONT STYLES
FONT WEIGHT/SIZES
LINE HEIGHT
- body-text
400, 18px
29px
- body-small
400, 16px
26px
- footnote-text
400, 14px
24px
Colors
Deep Kaomaru - #112A6D
Blue Ribbon - #0066FF
Monza - #D40613
School Bus Yellow - #F3D707
Cod Gray - #161616
Emperor - #4F4F4F
Silver - #BDBDBD
Thunder - #201A1E
White - #FFFFFF
White Lilac - #FAFBFD
Zircon - #EEF3FF
Gray - #828282
Mine Shaft- #202020
ANimation
Main Interaction
While page is scrolling (navigation)
Navigation when scroll
Page scrolled (Image reveal when view)
Navigation Down - Navigation Up