Style Tile

Home • Sections

LOGO - ON WHITE​

FAVICON

COLORS

Primary

Secondary

Text

Accent

Grey – Dark

Grey – Light

#3e4749

Color Hex — Colorhexa

TYPOGRAPHY

Hero Heading

3.815rem — Trebuchet MS

Heading 1

48.83px — Trebuchet MS

Heading 2

39.06px — Trebuchet MS

Heading 3

31.25px — Trebuchet MS

Heading 4

25px — Trebuchet MS

Heading 5

20px — Trebuchet MS

Heading 6

16px — Trebuchet MS

Body Copy

16px — Trebuchet MS

Small

0.75rem — Trebuchet MS

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

Home • Sections