Brand Colors
Primary
Blue
#004894
Secondary
Gray
#414042
Tertiary
Gold
#d5b95a
Quaternary
Dark Gray
#1c1c1c
Alternate Brand Colors
Primary
(Dark)
#002f61
Primary
(Light)
#0061c7
Secondary
(Dark)
#282728
Secondary
(Light)
#5b595c
Tertiary
(Dark)
#c9a733
Tertiary
(Light)
#dfca83
Quaternary
(Dark)
#030303
Quaternary
(Light)
#363636
Default Brand Colors
Black
#000000
Black
(Light)
#3b3b3b
Gray
#cccccc
Gray
(Dark)
#b3b3b3
Gray
(Light)
#e6e6e6
White
#ffffff
White
(Dark)
#f2f2f2
Border
#dedede
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
- 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.
- 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.
Buttons Block
Tabs Block
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
| 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.
Carousel Block
Possible Block Subheader Here
Possible block description could go here. Possible block description could go here. Possible block description could go here.
