Style Tile

This is some text about the style tile, and how awesome it is and to use it. We will have a link right here to the main page for people to clone it.

LOGO - ON WHITE​

LOGO - ON DARK

ICON - ON WHITE

ICON - ON DARK

FAVICON - ON WHITE

FAVICON - ON DARK

COLORS

Primary – off black
Heading 1
#333333
Secondary – Red
#C4161C
Body – Off Black
Body Copy
#333333
Grey – Slate Lite
#E7E7E7
White
#FFFFFF
Pure Black
#000000

TYPOGRAPHY

EXAMPLE

Heading 1

2.5rem / 40px

Glober

Heading 2

2.625rem / 42px

Glober

Heading 3

1.5rem / 24px

Glober

Heading 4

1rem / 16px

Glober

Body Copy

1rem / 16px

Glober

Small

0.75rem / 12px

Glober

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla.

BUTTONS & LINKS

Duis cursus, mi quis viverra ornare, this is an example of an inline link. Eros dolor interdum nulla.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

This is a regular link.

Duis cursus, mi quis viverra ornare, this is an example of an inline link. Eros dolor interdum nulla.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

This is a regular link.

ICONOGRAPHY ( SVG )

BLOCKQUOTES

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- AUTHOR

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- AUTHOR

HORIZONTAL RULES \ DIVIDER

FORMS & FIELDS

TESTIMONIALS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
Designer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
Designer

TEAM PAGE

Add Your Heading Text Here

Title / position

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet ante arcu. Cras risus nisi, pretium eu lectus sed, maximus bibendum tellus. Phasellus pulvinar nisi ullamcorper, molestie elit condimentum, ullamcorper neque. Quisque nunc odio, aliquam et lobortis vitae, venenatis finibus nulla. Curabitur euismod augue eget lacus hendrerit, sed tincidunt ante pellentesque. Aliquam erat volutpat. Duis non tempor magna. 

Add Your Heading Text Here

Title / position

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet ante arcu. Cras risus nisi, pretium eu lectus sed, maximus bibendum tellus. Phasellus pulvinar nisi ullamcorper, molestie elit condimentum, ullamcorper neque. Quisque nunc odio, aliquam et lobortis vitae, venenatis finibus nulla. Curabitur euismod augue eget lacus hendrerit, sed tincidunt ante pellentesque. Aliquam erat volutpat. Duis non tempor magna. 

IMAGE OVERLAY ( EXAMPLE )

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet ante arcu. Cras risus nisi, pretium eu lectus sed, maximus bibendum tellus. Phasellus pulvinar nisi ullamcorper, molestie elit condimentum, ullamcorper neque. Quisque nunc odio, aliquam et lobortis vitae, venenatis finibus nulla. Curabitur euismod augue eget lacus hendrerit, sed tincidunt ante pellentesque. Aliquam erat volutpat. Duis non tempor magna. Etiam mollis vehicula velit, ac ultricies justo efficitur at. Nunc ornare, nibh sit amet efficitur iaculis, libero lacus vulputate sem, sed imperdiet ligula tellus sed orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet ante arcu. Cras risus nisi, pretium eu lectus sed, maximus bibendum tellus. Phasellus pulvinar nisi ullamcorper, molestie elit condimentum, ullamcorper neque. Quisque nunc odio, aliquam et lobortis vitae, venenatis finibus nulla. Curabitur euismod augue eget lacus hendrerit, sed tincidunt ante pellentesque. Aliquam erat volutpat. Duis non tempor magna. Etiam mollis vehicula velit, ac ultricies justo efficitur at. Nunc ornare, nibh sit amet efficitur iaculis, libero lacus vulputate sem, sed imperdiet ligula tellus sed orci.

SECTION - TITLE ( EXAMPLE )

Heading 2

Alt Heading 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.