Font Family: All websites should use Open Sans for headings, buttons, and paragraph text to ensure a clean, consistent, and professional appearance.
Font Weights:
- Headings: Bold 700
- Body Text and Buttons: Regular 400
Headings: Use consistent sizing and spacing for heading tags. Follow the exact specifications below:
- H1: 40px, bold 700, line-height 130%
- H2: 34px, bold 700, line-height 130%
- H3: 29px, bold 700, line-height 140%
- H4: 27px, bold 700, line-height 140%
- H5: 25px, bold 700, line-height 140%
- H6: 22px, bold 700, line-height 140%
Paragraphs: The default paragraph text should be:
- Size: 20px
- Weight: regular 400
- line-height: 170%
If a smaller paragraph size is needed, use:
- Size: 16px
- Weight: regular 400
- line-height: 170% (maintain for readability)
Buttons:
- Size: 20px
- Weight: regular 400
Using consistent typography ensures readability, enhances user experience, and maintains a cohesive brand presentation across all platforms.