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.