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

FAVICON - ON WHITE

FAVICON - ON DARK

COLORS

Primary – Blue
Heading 1
#2b6ca3
Secondary – Dark Blue
 #1E2D3B
Text – Black
Body Copy
 #3b3a3a
Light Grey
#F7F7F7
Dark Grey
#C9C9C9
Color Hex — Colorhexa

TYPOGRAPHY

EXAMPLE

Hero Heading

3rem / 48px

Roboto

Heading 1

2.5rem / 40px

Roboto

Heading 2

2rem / 32px

Roboto

Heading 3

1.75rem / 28px

Roboto

Heading 4 (Super Title)

1.75rem / 28px

Roboto

Body Copy

1rem / 16px

Nunito

Small

0.75rem / 12px

Nunito

Typography Ratio — Visual Type Scale

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.

Super Title

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 )

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

IMAGE OVERLAY ( EXAMPLE )

BRAND NAME

SECTION - TITLE ( EXAMPLE )

Super Title

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.

PAGE BANNER

Slide 1 Heading
Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here
Slide 2 Heading
Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here
Slide 3 Heading
Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here

2 COLUMN LAYOUT W/ IMAGE & TEXT

Super Title

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.

SINGLE COLUMN HEADING & TEXT

Super Title

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras arcu enim, maximus a velit eu, maximus sagittis purus. Nullam dignissim viverra commodo. Aenean tincidunt id neque eget malesuada. Integer augue eros, pellentesque in ipsum at, gravida egestas ex. Sed molestie, libero sed pharetra auctor, augue purus dapibus odio, quis elementum risus quam quis enim. Nullam in metus neque. Vestibulum eu velit dictum, pretium ante quis, fermentum ligula. Nullam egestas turpis ipsum, quis tincidunt neque convallis sit amet. Vivamus vulputate quam sit amet massa rutrum, et posuere metus mattis. Duis convallis odio eget bibendum venenatis. Proin bibendum mi et lectus tempus venenatis. Vivamus aliquet condimentum nibh, a egestas purus venenatis id. Vivamus commodo nisl vel ornare dictum. Curabitur malesuada, enim id vehicula hendrerit, enim nunc consequat ligula, a posuere sem augue et leo. Nulla iaculis, lectus sit amet consectetur aliquam, erat justo tempus nunc, sed porta dolor nibh eu nulla.

Quisque dapibus bibendum mauris et porttitor. Vivamus pretium massa tellus, vel iaculis ante vulputate a. Nulla sit amet ullamcorper eros, vitae facilisis ante. Nunc et egestas quam. Sed laoreet in enim vitae laoreet. Aliquam euismod magna quis fermentum vestibulum. Phasellus vestibulum mi vitae dapibus varius. Integer risus quam, scelerisque et consequat et, lobortis quis eros.

Sed nec ex eget mauris tristique tincidunt. Integer hendrerit porta sem, a placerat mi mollis quis. Etiam finibus, ipsum vulputate aliquet aliquam, elit leo dignissim sem, at cursus ante urna vitae nisl. Aenean iaculis nisl nec dui elementum laoreet. Donec ac justo justo. Praesent venenatis, velit ut viverra suscipit, ipsum sem aliquam diam, vitae malesuada massa urna vitae dui. In lacus urna, laoreet molestie maximus a, vehicula vel neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer at magna erat. Phasellus sagittis eu turpis sed faucibus. Nunc scelerisque ligula eget ultrices tristique.

LOGO LIST

Our Clients

Driving technology for leading brands

NEWSLETTER SIGN UP FOR HOMEPAGE

Stay Connected

Subscribe and receive upcoming information, news and more.