Style Tile

Home • Sections

LOGO - ON WHITE​

LOGO - ON DARK

FAVICON

COLORS

Primary

Secondary

Text

Accent

Grey – Dark

Grey – Light

#3e4749

Color Hex — Colorhexa

TYPOGRAPHY

Hero Heading

3.815rem — Poppins

Heading 1

3.052rem — Poppins

Heading 2

2.441rem — Poppins

Heading 3

1.953rem — Poppins

Heading 4

1.25rem — Poppins

Heading 6 - Super Title

1.953rem — Poppins

Body Copy

1rem — Segoe UI

Small

0.75rem — Segoe UI

Typography Ratio — Visual Type Scale

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.

Button

Ghost

Button - Large

Ghost - Large

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.

Button

Ghost

Button - Large

Ghost - Large

HORIZONTAL RULES \ DIVIDER

FORMS & FIELDS

First Name

Last Name

Email

Select

Yes No

Message

Send

First Name

Last Name

Email

Select

- Please Select - Yes No

Message

Send

Home • Sections