Typography

Heading and Body Styles

Heading 1

Font Family: proxima-nova, Helvetica, Arial, sans-serif
Weight: 900
Font Sizes:
Min Width 1200px: 80px
Min Width 992px: 60px
Min Width 768px: 48px
Min Width 480px : 36px
< 480px: 32px

New Navigation

Desktop

MAIN MENU ITEM TITLE

[1] color: #000000 . weight bold . size: 14px . letter-spacing: 0.5px . line-height: 17px

hover: underline with orange line per designs

MAIN MENU HEADING

[2] color: #000000 . weight 800 . size: 32px . letter-spacing: -0.5px . line-height: 39px

Main Menu Text

[3] color: #5B5959 . 16px . weight 300 . letter-spacing:normal . line-height: 24px

[4] color: #222222 . 16px . weight 300 . letter-spacing:normal . line-height: 28px

hover: orange carat and dark gray text referses to carat becomes dark and text becomes orange


BANNER TITLE

[5] color: #FFFFFF . 22px . weight 800 . letter-spacing:-0.2 . line-height: 25px

Banner Text

[6] color: #FFFFFF . 14px . weight 300 . letter-spacing:normal . line-height: 17px

[7] color: #FE5000 . 11px . weight 500 . letter-spacing:normal . line-height: 13px

hover: orange text and link changes to white


MINOR NAV LINK NAME

[8] color: #707070 . 10px . weight normal . letter-spacing:0.41px . line-height: 12px

hover: grey text changes to orange

New Navigation

Mobile

MAIN MENU ITEM TITLE

[1] color: #000000 . weight bold . size: 20px . line-height: 48px

MAIN MENU HEADING

[2] color: #000000 . weight bold . size: 20px . line-height: 48px

Main Menu Text

[3] color: #000000 . weight 300 . size: 12px . line-height: 23px

[4] color: #000000 . weight 300 . size: 16px .line-height: 40px


BANNER TITLE

[5] color: #FFFFFF . weight bold . size: 16px . line-height: 20px

Banner Text

[6] color: #FFFFFF . weight 300 . size: 14px . line-height: 18px

[7] color: #FE5000 . weight bold . size: 12px . line-height: 15px


MINOR NAV LINK NAME

[8] color: #000000 . weight 300 . size: 14px . line-height: 40px