Brand Guide

Brand Colors

Primary

Green
#689550

Secondary

Navy
#002d3d

Alternate Brand Colors

Primary
(Dark)

#51743e

Primary
(Light)

#81af69

Secondary
(Dark)

#00070a

Secondary
(Light)

#005370

Default Brand Colors

Black

#000000

Black
(Light)

#3b3b3b

Border

#dedede

Gray

#cccccc

Gray
(Dark)

#b3b3b3

Gray
(Light)

#e6e6e6

White

#ffffff

White
(Dark)

#f2f2f2

Brand Typography

H1. This is a sample H1 heading block. It is a lengthy header to gauge line height and other typography elements.

Paragraph. This is a sample reusable paragraph block. We’ll use it to show general paragraph properties and characteristics, including font family, font size, font styles such as italic text and linked text, as well as line height, font weights such as bold text and more. Thank you for viewing this custom brand guide, we hope it’s a helpful resource for you as the website owner and content creator.

H2. This is a sample H2 heading block. It is a lengthy header to gauge line height and other typography elements.

Paragraph. This is a sample reusable paragraph block. We’ll use it to show general paragraph properties and characteristics, including font family, font size, font styles such as italic text and linked text, as well as line height, font weights such as bold text and more. Thank you for viewing this custom brand guide, we hope it’s a helpful resource for you as the website owner and content creator.

H3. This is a sample H3 heading block. It is a lengthy header to gauge line height and other typography elements.

Paragraph. This is a sample reusable paragraph block. We’ll use it to show general paragraph properties and characteristics, including font family, font size, font styles such as italic text and linked text, as well as line height, font weights such as bold text and more. Thank you for viewing this custom brand guide, we hope it’s a helpful resource for you as the website owner and content creator.

H4. This is a sample H4 heading block. It is a lengthy header to gauge line height and other typography elements.

Paragraph. This is a sample reusable paragraph block. We’ll use it to show general paragraph properties and characteristics, including font family, font size, font styles such as italic text and linked text, as well as line height, font weights such as bold text and more. Thank you for viewing this custom brand guide, we hope it’s a helpful resource for you as the website owner and content creator.

H5. This is a sample H5 heading block. It is a lengthy header to gauge line height and other typography elements.

Paragraph. This is a sample reusable paragraph block. We’ll use it to show general paragraph properties and characteristics, including font family, font size, font styles such as italic text and linked text, as well as line height, font weights such as bold text and more. Thank you for viewing this custom brand guide, we hope it’s a helpful resource for you as the website owner and content creator.

H6. This is a sample H6 heading block. It is a lengthy header to gauge line height and other typography elements.

Paragraph. This is a sample reusable paragraph block. We’ll use it to show general paragraph properties and characteristics, including font family, font size, font styles such as italic text and linked text, as well as line height, font weights such as bold text and more. Thank you for viewing this custom brand guide, we hope it’s a helpful resource for you as the website owner and content creator.

Paragraph Blocks

Paragraph. This is a sample reusable paragraph block. We’ll use it to show general paragraph properties and characteristics, including font family, font size, font styles such as italic text and linked text, as well as line height, font weights such as bold text and more. Thank you for viewing this custom brand guide, we hope it’s a helpful resource for you as the website owner and content creator.

Paragraph small. This is a sample of a small paragraph text block. It is the second smallest text size option, and is typically used for captions or other descriptive text. This text is different from the regular website text copy, and is therefore differentiated hierarchically by its small size and is occasionally italicized as well.

Paragraph x small. This is a sample of an extra small paragraph text block. It is the smallest text size option for this theme, and is typically used for legalese, copyright or other required informational text. This text is different from the regular website text copy and is therefore differentiated hierarchically by its extra small size and is often italicized as well. This is an example of an extra small paragraph text block. It is the smallest text size option for this theme, and is typically used for legalese, copyright or other required informational text. This text is different from the regular website text copy and is therefore differentiated hierarchically by its extra small size and is often italicized as well.

List Item Blocks

Unordered List

  • Unordered list item. This is a sample of an unordered list item in a list block. We’ll use it to show general list item properties and characteristics, including list style, font size and more. Generally, list items default to the default paragraph size and styles.
  • Unordered list item. This is a sample of an unordered list item in a list block. We’ll use it to show general list item properties and characteristics, including list style, font size and more. Generally, list items default to the default paragraph size and styles.

Ordered List

  1. Ordered list item. This is a sample of an ordered list item in a list block. We’ll use it to show general list item properties and characteristics, including list style, font size and more. Generally, list items default to the default paragraph size and styles.
  2. Ordered list item. This is a sample of an ordered list item in a list block. We’ll use it to show general list item properties and characteristics, including list style, font size and more. Generally, list items default to the default paragraph size and styles.

Tabs Block

Yes indeed it’s true, lefties are a very unique ten (ish) percent! They’re typically super versatile, interesting humans, with a strong and proud underground culture. August 13th is Left-Handers day, and some fun facts include having eight former U.S. presidents and 1 in 4 Apollo astronauts being lefties. Studies also found that lefties adjust easier to seeing underwater, are better drivers, live to be nine years younger than right-handers.

The highest rates of left-handedness can be found in North America, Australia, New Zealand and western Europe.

Omg this totally matters, and the answer is most definitely over the top. The primary goal here is to always have the end of the roll as visible and easily reachable/accessible as possible. This way the user will most efficiently complete their task and never become irritated or confused.

Yes, this is answer three. This is just test content for the third frequent question.

Tabs (Vertical) Block

Yes indeed it’s true, lefties are a very unique ten (ish) percent! They’re typically super versatile, interesting humans, with a strong and proud underground culture. August 13th is Left-Handers day, and some fun facts include having eight former U.S. presidents and 1 in 4 Apollo astronauts being lefties. Studies also found that lefties adjust easier to seeing underwater, are better drivers, live to be nine years younger than right-handers.

The highest rates of left-handedness can be found in North America, Australia, New Zealand and western Europe.

Omg this totally matters, and the answer is most definitely over the top. The primary goal here is to always have the end of the roll as visible and easily reachable/accessible as possible. This way the user will most efficiently complete their task and never become irritated or confused.

Yes, this is answer three. This is just test content for the third frequent question.

Tabs -> Accordion Block

Yes indeed it’s true, lefties are a very unique ten (ish) percent! They’re typically super versatile, interesting humans, with a strong and proud underground culture. August 13th is Left-Handers day, and some fun facts include having eight former U.S. presidents and 1 in 4 Apollo astronauts being lefties. Studies also found that lefties adjust easier to seeing underwater, are better drivers, live to be nine years younger than right-handers.

The highest rates of left-handedness can be found in North America, Australia, New Zealand and western Europe.

Omg this totally matters, and the answer is most definitely over the top. The primary goal here is to always have the end of the roll as visible and easily reachable/accessible as possible. This way the user will most efficiently complete their task and never become irritated or confused.

Yes, this is answer three. This is just test content for the third frequent question.

Accordion Block

Yes indeed it’s true, lefties are a very unique ten (ish) percent! They’re typically super versatile, interesting humans, with a strong and proud underground culture. August 13th is Left-Handers day, and some fun facts include having eight former U.S. presidents and 1 in 4 Apollo astronauts being lefties. Studies also found that lefties adjust easier to seeing underwater, are better drivers, live to be nine years younger than right-handers.

The highest rates of left-handedness can be found in North America, Australia, New Zealand and western Europe.

Omg this totally matters, and the answer is most definitely over the top. The primary goal here is to always have the end of the roll as visible and easily reachable/accessible as possible. This way the user will most efficiently complete their task and never become irritated or confused.

Yes, this is answer three. This is just test content for the third frequent question.

Table (Responsive) Block

Education Background
School Name City State Time Frame Status
College
Art Institutes International, Minnesota Minneapolis Minnesota 2005 – 2007 Graduated
South Dakota State University Brookings South Dakota 1994 – 1999 Graduated
High School
Lincoln High School Sioux Falls South Dakota 1992 – 1994 Graduated
Middle School
Patrick Henry Middle School Sioux Falls South Dakota 1989 – 1991 Passed
Elementary
Longfellow Elementary Sioux Falls South Dakota 1987 – 1988 Passed
Horace Mann Elementary Sioux Falls South Dakota 1986 Passed
Hayward Elementary Sioux Falls South Dakota 1982 – 1985 Passed

Video Embed Blocks

Vimeo Embed Block

YouTube Embed Block

Popups, popovers & tooltips

There are various ways to display content within a popup. Here are examples for Vimeo videos, YouTube videos, inline content, offcanvas elements and modal elements.

Offcanvas

Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.

Popovers and tooltips are very similar. Popovers require the user to click the link in order to activate the popup, whereas tooltips simply require the user to hover over the link. Popovers can also stay active until a second user action, whereas the tooltip will disappear once the user has hovered off of the region.

Nashville image alt here.