WEB UI STYLE GUIDELINES

Primary Color Palette

Black

#000000

Eerie black

#242424

Fire engine Red

#cb2027

White

#ffffff

Color Tints

#000000
#383838
#717171
#AAAAAA
#E2E2E2
H1 Display
'GFormItalics'
Font Size: 90px
Line Height: 1.16
Color: #ffffff
The quick brown fox jumps over the lazy dog.
H1 Display Mobile
Font Size: 70px
Line Height: 1.16
H1
'GFormItalics'
Font Size: 60px
Line Height: 1.16
Color: #ffffff

The quick brown fox jumps over the lazy dog.

H1 Mobile
Font Size: 35px
Line Height: 1.16
H2
'GFormItalics'
Font Size: 80px
Line Height: 1.16
Color: #ffffff

The quick brown fox jumps over the lazy dog.

H2 Mobile
Font Size: 50px
Line Height: 1.16
H3
'GFormItalics'
Font Size: 60px
Line Height: 1.16
Color: #ffffff

The quick brown fox jumps over the lazy dog.

H3 Mobile
Font Size: 35px
Line Height: 1.16
H4
'GFormItalics'
Font Size: 40px
Line Height: 1.16
Color: #ffffff

The quick brown fox jumps over the lazy dog.

H4 Mobile
Font Size: 28px
Line Height: 1.16
H5
'Helvetica Condensed'
Bold
Font Size: 30px
Line Height: 1.66
Color: #ffffff
The quick brown fox jumps over the lazy dog.
H5 Mobile
Font Size: 20px
Line Height: 1.66
H6
'Helvetica Condensed'
Bold
Font Size: 20px
Line Height: 1.66
Color: #ffffff
The quick brown fox jumps over the lazy dog.
H6 Mobile
Font Size: 18px
Line Height: 1.66
Paragraph
'Helvetica Neue LT Pro'
Regular
Font Size: 15px
Line Height: 1.66
Font Color: #ffffff

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.

Paragraph Mobile
**mobile is the same**
Paragraph Text Link
'Helvetica Neue LT Pro'
Regular
Font Color: #ffffff
Primary Button (Default Size)
Large Button
Small Button
Secondary Button

btn-link

Watch Video
Form Floating