Style Guide
Typography
- Heading Font : Source Serif Pro
- Button Font : Roboto
- Body Font : Roboto
Heading 1
- Font Size : 45px
- Font Weight : 600
- Font Style : Normal
- Line Height : 1em
Heading 2
- Font Size : 40px
- Font Weight : 600
- Font Style : Normal
- Line Height : 1em
Heading 3
- Font Size : 30px
- Font Weight : 600
- Font Style : Normal
- Line Height : 1em
Heading 4
- Font Size : 24px
- Font Weight : 600
- Font Style : Normal
- Line Height : 1em
Heading 5
- Font Size : 18px
- Font Weight : 600
- Font Style : Normal
- Line Height : 1em
Site Width
- Container: 1140px
- 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
#EB1320
#B1976B
Greyscale
#232020
#363839
#606060
#fbfbfb
Accent
#EB1320
#B1976B
Buttons
Primary
- Font Size : 14px
- Font Weight : 600
- Font Style : Normal
- Line Height : 1em
- Background Color : #EB1320
- Font Color : #ffffff
Primary
- Font Size : 14px
- Font Weight : Normal
- Font Style : Normal
- Line Height : 1em
- Background Color : #FFFFFF
- Font Color : #EB1320
Paragraph
This is a sample sentence with a body font, Font Size of 16px, Line height of 1.8em, Normal Font Weight and Normal Font style. This is a sample link with a body font, Font Size of 16px, 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.