Hex Values

Classes

default Paragraph Text

.blue Paragraph Text

.blue-lt Paragraph Text

.red Paragraph Text

.white Paragraph Text

.off-white Paragraph Text

.tan Paragraph Text

.gray-60 Paragraph Text

.gray Paragraph Text

.black Paragraph Text

.green Paragraph Text

H1 Heading Styles.

H2 Heading Styles.

H3 Heading Styles.

H4 Heading Styles.

H5 Heading Styles.

H6 Heading Styles.

Body Styles

This is the default size and styling for paragraph body copy throughout the site. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue.

This text is larger paragraph text, good for the introductory paragraph of longer content.

This text is small paragraph text.

This text is an even smaller paragraph text.

To change the font from Overpass to Chakra, use the class .heading

This text is a hyperlink using the a element.

This text is highlighted using the mark element.

"Blockquote suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio."

Lists

• This is an Unordered List.

• This is an Unordered List.
  • This is a nested Unordered List.
  • This is a nested Unordered List.
• This is an Unordered List.
• This is an Unordered List.
• This is an Unordered List.

1. This is an Ordered & Unordered List.

2. This is an Unordered List.
   • This is a nested Ordered List.
   • This is a nested Ordered List.
3. This is an Ordered List.
4. This is an Ordered List.
5. This is an Ordered List.

1. This is an Ordered List.

2. This is an Ordered List.
   1. This is a nested Ordered List.
   2. This is a nested Ordered List.
3. This is an Ordered List.
4. This is an Ordered List.
5. This is an Ordered List.