---
title: "Brand Kit"
date: 2022-10-28
author: "Cody Vance"
---

# Brand Kit

### Colors



These are the default color variations. We use three lights, three darks, a primary and a secondary color.







###### Primary







###### Light 1







###### Light 2







###### Light 3







###### Secondary







###### Dark 1







###### Dark 2







###### Dark 3

















# Headings



# Subheadings



Body Copy



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus. **Vivamus non lobortis metus. Vivamus vitae massa eget massa tincidunt ornare.** *Lorem ipsum dolor sit amet, consectetur adipiscing elit.* [Curabitur erat leo, aliquet cursus mollis non, lobortis nec mauris.](https://www.cedarrecovery.com/brandkit/?builder=true&builder_id=dd1c8a77503235d830d78ded275144a5#)



Small Copy



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus. **Vivamus non lobortis metus. Vivamus vitae massa eget massa tincidunt ornare.** *Lorem ipsum dolor sit amet, consectetur adipiscing elit.* [Curabitur erat leo, aliquet cursus mollis non, lobortis nec mauris.](https://www.cedarrecovery.com/brandkit/?builder=true&builder_id=dd1c8a77503235d830d78ded275144a5#)



**Bulleted/Unordered List**

- Nullam varius luctus felis, ac sollicitudin arcu porttitor ac.
- Suspendisse a dui enim.
- Nulla et orci et velit pellentesque consectetur.

**Numbered/Ordered List**

1. Donec tempor velit in justo laoreet, nec volutpat ligula blandit.
2. Quisque vel ornare diam.
3. Praesent imperdiet dolor vel neque facilisis ultrices a nec nisl.







## Heading 2



### Heading 3



#### Heading 4



##### Heading 5



###### Heading 6



[Primary Button](#)

[Secondary Button](#)

**Blockquote**

> Suspendisse a dui enim. Maecenas malesuada enim et volutpat finibus. Pellentesque commodo blandit neque, ut lobortis eros semper ut. Maecenas ac turpis ultrices, tincidunt odio quis, mattis mauris. Cras eget augue ante.











### Content Boxes







#### Your Content Goes Here





Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.







#### Your Content Goes Here





Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.







#### Your Content Goes Here





Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.











#### Your Content Goes Here





Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.









#### Your Content Goes Here





Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.







#### Your Content Goes Here





Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.











#### Your Content Goes Here





Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.







#### Your Content Goes Here





Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.







#### Your Content Goes Here





Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.











#### Your Content Goes Here





Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.









#### Your Content Goes Here





Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.









#### Your Content Goes Here





Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.



















### Checklists









###### Checklist – Icons



- Your Content Goes Here
- Your Content Goes Here
- Your Content Goes Here
- Your Content Goes Here





###### Checklist – Icons Circled



- Your Content Goes Here
- Your Content Goes Here
- Your Content Goes Here
- Your Content Goes Here





###### Checklist – Numbered



- 1Your Content Goes Here
- 2Your Content Goes Here
- 3Your Content Goes Here
- 4Your Content Goes Here





###### Checklist – Numbered Circled



- 1Your Content Goes Here
- 2Your Content Goes Here
- 3Your Content Goes Here
- 4Your Content Goes Here









### Toggles









###### Toggles – Unboxed



#### [Your Content Goes Here](#432fe4d27875bfdf4)



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.







#### [Your Content Goes Here](#7a72a2f2fda851f1e)



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.







#### [Your Content Goes Here](#61a42cc74bfa4c7d0)



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.















###### Toggles – Boxed



#### [Your Content Goes Here](#62066bcfea083ba9c)



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.







#### [Your Content Goes Here](#68f9d4a31745235fd)



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.







#### [Your Content Goes Here](#f1c4033ef314adc79)



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.



















### Tables









###### Table – Style 1



Column 1Column 2Column 1 ValueColumn 2 ValueColumn 1 Value 2Column 2 Value 2





###### Table – Style 2



Column 1Column 2Column 1 ValueColumn 2 ValueColumn 1 Value 2Column 2 Value 2









### Tabs









###### Tabs – Horizontal



- [#### Tab](#tab-18c001aa4d94ffe138f)
- [#### Tab](#tab-58ed6c8b33bdc1230e3)
- [#### Tab](#tab-22509eb113c03f50244)



- [#### Tab](#tab-18c001aa4d94ffe138f)



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.



- [#### Tab](#tab-58ed6c8b33bdc1230e3)



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.



- [#### Tab](#tab-22509eb113c03f50244)



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.











###### Tabs – Vertical



- [#### Tab](#tab-5b0a52e6b61b1a3fb76)
- [#### Tab](#tab-95d693060c932198a9f)
- [#### Tab](#tab-6a54b573157a766fd65)



- [#### Tab](#tab-5b0a52e6b61b1a3fb76)



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.



- [#### Tab](#tab-95d693060c932198a9f)



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.



- [#### Tab](#tab-6a54b573157a766fd65)



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.















### Counter Boxes









0

Your Content Goes Here





0

Your Content Goes Here





0

Your Content Goes Here















### Counter Circles









25%





50%





75%





90%















### Charts











#### Bar Chart















#### Horizontal Bar Chart















#### Pie Chart















#### Doughnut Chart















#### Polar Area Chart

















### Info Circles



















Your First Title Goes Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.



Your Second Title Goes Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.



Your Third Title Goes Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.



Your Fourth Title Goes Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.