Typography

Typography is used to help establish hierarchy and communicate important content.

Font sizes

50: The quick brown fox jumps over the lazy dog 75: The quick brown fox jumps over the lazy dog 100: The quick brown fox jumps over the lazy dog 200: The quick brown fox jumps over the lazy dog 300: The quick brown fox jumps over the lazy dog 400: The quick brown fox jumps over the lazy dog 500: The quick brown fox jumps over the lazy dog

Font weights

Regular: The quick brown fox jumps over the lazy dog Medium: The quick brown fox jumps over the lazy dog Semibold: The quick brown fox jumps over the lazy dog

Paragraph styles

100: Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

200: Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.