Typography

Font Family: Body – Poppins

Font Weight: 100, 300, 400, 500, 600, 700

Example:

<p> Font for Paragraph, Ordered and unordered List </p>

Headings Font Family: System UI & Source Serif 4

Font Weight: 500, 600, 700

Example:

<h1> Heading 1 – Font Family: “System UI”</h1>

Font-size: 36px, Font-weight: 600, line-height: 50px

<h2> Heading 2 – Font Family: “Source Serif 4″</h2>

Font-size: 30px, Font-weight: 600, line-height: 39px

<h3> Heading 3 – Font Family: “Source Serif 4″</h3>

Font-size: 24px, Font-weight: 600, line-height: 31px

<h4> Heading 4 – Font Family: “System UI”</h4>

Font-size: 20px, Font-weight: 600, line-height: 24px

<h5> Heading 5 – Font Family: “System UI”</h5>

Font-size: 18px, Font-weight: 600, line-height: 21px

<h6> Heading 6 – Font Family: “System UI” </h6>

Font-size: 16px, Font-weight: 600, line-height: 20px

• Unordered List Example 1
• Unordered List Example 2
  • Unordered List Example 1
  • Unordered List Example 2
  • Unordered List Example 3
    • Unordered List Example 1
    • Unordered List Example 2
    • Unordered List Example 3
• Unordered List Example 3

1. Ordered List Example 1
2. Ordered List Example 2
   1. Ordered List Example 1
   2. Ordered List Example 2
   3. Ordered List Example 3
      1. Ordered List Example 1
      2. Ordered List Example 2
      3. Ordered List Example 3
3. Ordered List Example 3

Buttons