Hex Values

Classes

default Paragraph Text

.black Paragraph Text

.gray-dk Paragraph Text

.gray Paragraph Text

.gray-med Paragraph Text

.gray-lt Paragraph Text

.off-white Paragraph Text

.white Paragraph Text

.navy Paragraph Text

.aqua Paragraph Text

.green Paragraph Text

.green-lt Paragraph Text

.yellow Paragraph Text

.orange Paragraph Text

.red Paragraph Text

.og-orange Paragraph Text

.og-black Paragraph Text

.og-white Paragraph Text

Subheading Style

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 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 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 type to all uppercase, use the class .mono

The default Subheading Style

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.