Style Guide
Typography
- Heading Font : Alegreya
- Button Font : Alegreya
- Body Font : Alegreya
Heading 1
- Font Size : 44px
- Font Weight : Normal
- Font Style : Normal
- Line Height : 1em
Heading 2
- Font Size : 36px
- Font Weight : Normal
- Font Style : Normal
- Line Height : 1em
Heading 3
- Font Size : 30px
- Font Weight : Normal
- Font Style : Normal
- Line Height : 1em
Heading 4
- Font Size : 26px
- Font Weight : Normal
- Font Style : Normal
- Line Height : 1em
Heading 5
- Font Size : 24px
- Font Weight : Normal
- Font Style : Normal
- Line Height : 1em
Heading 6
- Font Size : 20px
- Font Weight : Normal
- Font Style : Normal
- Line Height : 1em
Site Width
- Container: 1280px
- 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
#006699
Secondary
#E20612
Text
#333333
Accent
#66CC33
Greyscale
#232020
#363839
#606060
#EDEDED
Buttons
Primary
- Font Size : 18px
- Font Weight : Normal
- Font Style : Normal
- Line Height : 1em
- Background Color : #006699
- Font Color : #ffffff
Secondary
- Font Size : 18px
- Font Weight : Normal
- Font Style : Normal
- Line Height : 1em
- Background Color : #ffffff
- Font Color : #006699
Paragraph
Body 1 The quick brown fox jumps over the lazy dog
- Font Size : 24px
- Font Weight : Normal
- Font Style : Normal
- Line Height : 1em
Body 2 The quick brown fox jumps over the lazy dog
- Font Size : 20px
- Font Weight : Normal
- Font Style : Normal
- Line Height : 1em
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.
