Fonts

Proxima Nova

Font Family

Open Sans

Font Family

FontAwesome 5

Icons

Colors

Primary

Secondary

Tertiary

White

Light

Dark

Headings

This is an h1 Heading 36px

This is an h2 Heading 30px

This is an h3 Heading 24px

This is an h4 Heading 18px

This is an h5 Heading 16px

This is an h6 Heading 14px

Paragraphs

This is some lead body copy. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Praesent commodo cursus magna, vel scelerisque nisl consect.

This is some body copy. Donec id elit non mi porta gravida at eget metus. This is a hyperlink. Donec ullamcorper nulla non metus auctor fringilla. This is some bold text. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. This is some italicised text. Sed posuere consectetur est at lobortis.

Lists

This is an unordered list
Lorem ipsum dolor sit amet
- Phasellus iaculis neque
- Vestibulum laoreet porttitor sem
Consectetur adipiscing elit

This is an ordered list
Cras mattis consectetur purus sit amet fermentum
Praesent commodo cursus magna, vel scelerisque
Nullam quis risus eget urna mollis ornare
Donec id elit non mi porta gravida at eget metus

This is an unordered list with dots
Lorem ipsum dolor sit amet
- Phasellus iaculis neque
- Vestibulum laoreet porttitor sem
Consectetur adipiscing elit

Two Column Split

This is an split column list
Cras mattis consectetur purus sit amet fermentum
Praesent commodo cursus magna, vel scelerisque
Nullam quis risus eget urna mollis ornare
Donec id elit non mi porta gravida at eget metus

Three Column Split

This is an split column list
Cras mattis consectetur purus sit amet fermentum
Praesent commodo cursus magna, vel scelerisque
Nullam quis risus eget urna mollis ornare
Donec id elit non mi porta gravida at eget metus
Praesent commodo cursus magna, vel scelerisque
Donec id elit non mi porta gravida at eget metus
Nullam quis risus eget urna mollis ornare

Fine Print

This is some fine print. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Blockquote

This is a blockquote. Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
This is a blockquote source attribution

Links

This is a link

Images

Buttons

Button Primary Secondary Dark Outline

Boxed Link

Tables

Header 1	Header 2	Header 3	Header 4	Header 5
1	Content	Content	Content	Content
2	Content	Content	Content	Content
3	Content	Content	Content	Content
4	Content	Content	Content	Content
5	Content	Content	Content	Content
6	Content	Content	Content	Content
7	Content	Content	Content	Content
8	Content	Content	Content	Content
9	Content	Content	Content	Content
10	Content	Content	Content	Content

Forms

Text

Email We'll never share your email with anyone else.

Phone

Number

Text Area

Example select

Upload File

Text ReadOnly

Checkboxes

Option one is this and that—be sure to include why it's great

Option two is disabled

Radio Buttons

Option one is this and that—be sure to include why it's great

Option two can be something else and selecting it will deselect option one

Option three is disabled

Bottom Border Input Forms

Text

Email We'll never share your email with anyone else.

Phone

Number

Text Area

Example select

Accordion

Open multiple

Item 1

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consectetur quidem aperiam optio assumenda, ducimus, officiis molestias accusantium placeat ex, dolorem explicabo et fuga. Beatae, voluptates.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum, reiciendis!
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum, reiciendis!

Item 2

Lorem ipsum dolor sit amet consectetur adipisicing elit. A, in!

Item 3

Lorem ipsum dolor sit amet consectetur adipisicing elit. A, in!

Modal

Carousel

your content

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae in aliquid dolore dolorem perferendis quam a, tempore nesciunt eos voluptates odit sit, minus neque soluta accusamus repudiandae sapiente? Pariatur, labore quia maxime enim dolores recusandae sequi ipsam quod cum provident.

your content