Style Guide

Add Your Heading Text Here

Heading Styles

Heading 1 (h1)

Ulorum suffragio omnium nominati sunt. Duo Reges: constructio interrete. This is a link. Lorem ipsum dolor sit hover link amet, consectetur adipiscing elit. Aenean pulvinar tempus velit, in suscipit nibh rhoncus eget. In dictum id erat lacinia tristique. Nulla condimentum ullamcorper arcu ac commodo. Vivamus id metus non neque tincidunt fringilla.

Heading 2 (h2)

Heading 3 (h3)

Heading 4 (h4)

Heading 5 (h5)

Heading 6 (h6)

Alternative Heading Styles

Primary Font Headings

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Secondary Headings

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Accent Headings

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text Headings

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Pairings

Another Pairing

These look great too

This is a Great Pairing

Break up the content

Default Column Gaps

Second Column

Button Styles

There are 5 different button styles for you to choose from. Some sizes work best on light backgrounds and others on dark backgrounds.

For Use On Light Background

For Use On Dark Background

Toggles, Accordions & Tabs

Tabs, toggles, and accordions are great ways to organize large amounts of text content.
They keep the content concise and looking organized for your visitors to see easily.

Toggles

Toggle Number One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Second Toggle

Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Accordions

Accordion #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Accordion #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Tabs

Tab Number 1

Second Tab Here

Tab Three

Tab Number 1

Second Tab Here

Tab Three

Dark BG Toggles

Toggle Number One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Second Toggle

Dark BG Accordions

Accordion #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Accordion #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Dark BG Tabs

Tab Number 1

Second Tab Here

Tab Three

Tab Number 1

Second Tab Here

Tab Three