Scrum Alliance Brand Standards and Guidelines

Web Design Standards & Guidelines 

Typography

Typeface

  • Clear Sans Regular

  • Clear Sans Bold
     

Headers

When using rem sizing, use html{ font-size: 62.5%; } This makes the conversion math easier so that 1rem = 10px and allows browsers to be more reponsive to user's settings, creating a more accessible user experience.

  • Heading 1 Title Page 36px/3.6rem

  • Heading 2 Title Large 28px/2.8rem

  • Heading 3 Title Medium 22px/2.2rem

  • Heading 4 Title Small 18px/1.8rem

  • Heading 5 all caps large 17px/1.7rem
  • Heading 6 all caps small 15px/1.5 rem


Body

  • Body14px/1.4rem

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.