Style Guide
Typography
- Heading Font : Georgia
- Button Font : Libre Franklin
- Body Font : Libre Franklin
Heading 1
- Font Size : 40px
- 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 : 25px
- Font Weight : Normal
- Font Style : Normal
- Line Height : 1em
Heading 5
- Font Size : 20px
- Font Weight : Normal
- Font Style : Normal
- Line Height : 1em
Site Width
- Container: 1180px
- 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 Color
#5aa0d7
#232020
Greyscale
#232020
#363839
#606060
#fbfbfb
Accent
#5aa0d7
#606060
Buttons
Primary
- Font Size : 16px
- Font Weight : Normal
- Font Style : Normal
- Line Height : 1em
- Background Color : #5aa0d7
- Font Color : #ffffff
Primary
- Font Size : 16px
- Font Weight : Normal
- Font Style : Normal
- Line Height : 1em
- Background Color : #5aa0d7
- Font Color : #ffffff
Paragraph
This is a sample sentence with a body font, Font Size of 20px, Line height of 1.8em, Normal Font Weight and Normal Font style. This is a sample link with a body font, Font Size of 20px, Line height of 1.8em, Normal Font Weight and Normal Font style.
This is a sample sentence with a body font, Font Size of 20px, Line height of 1.8em, Normal Font Weight and Normal Font style.This is a sample sentence with a body font, Font Size of 20px, 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.