Style Guide

Typography

  • Heading Font : MyriadPro-Regular
  • Button Font : Roboto
  • Body Font : Roboto

Heading 1

  • Font Size : 60px
  • Font Weight : Normal
  • Font Style : Normal
  • Line Height : 1em

Heading 2

  • Font Size : 50px
  • Font Weight : Normal
  • Font Style : Normal
  • Line Height : 1em

Heading 3

  • Font Size : 42px
  • Font Weight : Normal
  • Font Style : Normal
  • Line Height : 1em

Heading 4

  • Font Size : 20px
  • Font Weight : Normal
  • Font Style : Normal
  • Line Height : 1em
Heading 5
  • Font Size : 18px
  • Font Weight : Normal
  • Font Style : Normal
  • Line Height : 1em

Site Width

  • Container: 1400px
  • Default Section Padding: 20px(right, left) Top and bottom padding depends Recommended Padding values: 0,10, 20,40,80,160
  • Default Column padding: 20px

Color pallete

Primary
#2d4a9f
Secondary
#3DA5D9
Text
#282828
Accent
#F01809
Additional Colors
#5DB352
#E4412B
#FFD65A
#7A7A7A

Buttons

Primary
Sample Button
  • Font Size : 16px
  • Font Weight : Normal
  • Font Style : Normal
  • Line Height : 1em
  • Background Color : #F01809
  • Font Color : #ffffff
Secondary
Sample Button
  • Font Size : 16px
  • Font Weight : Normal
  • Font Style : Normal
  • Line Height : 1em
  • Background Color : #2D4A9F
  • Font Color : #ffffff

Paragraph

This is a sample sentence with a body font, Font Size of 18px, Line height of 1.8em, Normal Font Weight and Normal Font style. This is a sample link with a body font, Font Size of 18px, Line height of 1.8em, Normal Font Weight and Normal Font style.

This is a sample sentence with a body font, Font Size of 18px, Line height of 1.8em, Normal Font Weight and Normal Font style. This is a sample link with a body font, Font Size of 18px, Line height of 1.8em, Normal Font Weight and Normal Font style.

This second sentence is a sample of bold font.

 

This sentence is a sample of italic font.

 

This is a sample sentence with hyperlink.