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.
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.
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
- Donec tempor velit in justo laoreet, nec volutpat ligula blandit.
- Quisque vel ornare diam.
- Praesent imperdiet dolor vel neque facilisis ultrices a nec nisl.
Content Boxes
Checklists
Checklist – Icons
Checklist – Icons Circled
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
Toggles – Boxed
Tables
Table – Style 1
| Column 1 | Column 2 |
|---|---|
| Column 1 Value | Column 2 Value |
| Column 1 Value 2 | Column 2 Value 2 |
Table – Style 2
| Column 1 | Column 2 |
|---|---|
| Column 1 Value | Column 2 Value |
| Column 1 Value 2 | Column 2 Value 2 |
Tabs
Tabs – Horizontal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.
Tabs – Vertical
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget augue augue. Donec eu porttitor lectus.
