Typography
Below is an overview of responsive typography sizes and weights for this site. These are computed from a base size and a mathematical scale.
Headings
Heading 1 Regular
Heading 1 Medium
Heading 1 Bold
Heading 2 Regular
Heading 2 Medium
Heading 2 Bold
Heading 3 Regular
Heading 3 Medium
Heading 3 Bold
Heading 4 Regular
Heading 4 Medium
Heading 4 Bold
Heading 5 Regular
Heading 5 Medium
Heading 5 Bold
Heading 6 Regular
Heading 6 Medium
Heading 6 Bold
Body Text
Text m Regular
Text m Medium
Text m Bold
Text s Regular
Text s Medium
Text s Bold
Text xs Regular
Text xs Medium
Text xs Bold
Examples
Heading 1 (H1)
This is large text. 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.
Heading 2 (H2)
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.
Heading 3 (H3)
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.
Heading 4 (H4)
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.
Heading 5 (H5)
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.
Heading 6 (H6)
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.