Typography

The base elements of text.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Pellentesque luctus scelerisque odio at euismod. Integer purus massa, varius eget justo sed, ultricies ornare massa. Suspendisse commodo tortor maximus magna pulvinar, vel porta ligula placerat. Sed feugiat tortor quis nisl mattis, nec lobortis nisi faucibus. Pellentesque sed risus vel nisl molestie tincidunt. In suscipit quis nisl et iaculis. Ut sit amet sodales odio. Aenean pretium nec velit eget dictum. Aenean vestibulum magna quis nunc iaculis, ut accumsan nisl accumsan. Nunc ante metus, accumsan sed ornare porta, finibus ac odio. Integer eu tempus lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam elementum, nulla a viverra tempor, lacus mauris auctor ex, quis pulvinar massa nulla id massa. Suspendisse convallis, ligula vitae auctor ultrices, lectus ex condimentum nisi, nec lobortis ipsum lectus et mauris. Phasellus ultricies mollis sapien, id elementum justo gravida non.

Subtitle

Code

Simply use the base HTML elements for text.

For emphasis on a subtitle, add the .subtitle class.

For white or black text, add the .color--white class or the .color--black class.

				
<h1>Heading 1</h1>
<h2 class="subtitle">Heading 2 which is a subtitle</h2>
<h3>Heading 3</h3>
<h4 class="color--white">Heading 4 which is white</h4>