SME Style Guide

Headings

H1: Alegreya Regular 2rem / 32px, line height 38.4px, color #5E7FB1 (steel blue), margins: 8px bottom

H2: Alegreya Regular 1.5rem / 24px, line height 28.8px, color #5E7FB1 (steel blue), margins: 24px top, 8px bottom

H3: Alegreya Regular 1.25rem / 20px, line height 24px, color #5E7FB1 (steel blue), margins: 8px bottom

H4: Alegreya Regular 1.15rem / 18.4px, line height 22.1px, color #5E7FB1 (steel blue), margins: 8px bottom

H5: Alegreya Regular 1.1rem / 17.6px, line height 21.1px, color #5E7FB1 (steel blue), margins: 8px bottom
H6: Alegreya Regular .9rem / 14.4px, line height 17.3px, color #5E7FB1 (steel blue), margins: 8px bottom

Paragraphs

Paragraph: Roboto Regular 1rem / 16px, line-height 24px, color #5E7FB1 (steel blue), margins: 16px bottom

Lists

  • Unordered List: margins: 16px bottom, padding: 40px left
  • Unordered List item: Roboto Regular 1rem / 16px, line-height 24px, color #000 (black), margins: 0
  • List item 3
  1. Ordered List: margins: 16px bottom, padding: 40px left
  2. Ordered List item: Roboto Regular 1rem / 16px, line-height 24px, color #000 (black), margins: 0
  3. List item 3