styleguide

This page is here to show off styles for standard page elements such as typography, form elements, and icons. These are hard coded in an alternate page template file named

page.styleguide.liquid

Colors

Iron

$iron

Steel

$steel

Gray

$gray

Navy Blue

$navy-blue

PS Green

$ps-green

PS Teal

$ps-teal

Gold

$gold

Red

$red

Black

$black

White

$white

Charcoal

$charcoal

Fonts

Hebden Grotesque

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Nunito Sans SemiBold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Nunito Sans ExtraBold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Typography

H1 HEBDEN

H2 HEBDEN

H3 HEBDEN

H4 HEBDEN

H5 NUNITO SANS EXTRA BOLD
H6 NUNITO SANS EXTRA BOLD


P1 Nunito Sans Semi Bold

P2 Nunito Sans Semi Bold

CTAS / BUTTONS

BUTTON REGULAR

BUTTON REGULAR HOVER

BUTTON TRANSPARENT

BUTTON TRANSPARENT HOVER

TEXT LINK

LOAD MORE

TEXT LINK HOVER

LOAD MORE

UI ELEMENTS

VANILLA DROWDOWN

JS DROPDOWN

DROP DOWN
Selection 1 Selection 2 Selection 3 Selection 4 Selection 5

DROPDOWN ACTIVE

DROP DOWN
Selection 1 Selection 2 Selection 3 Selection 4 Selection 5

INPUT FIELDS


NEWSLETTER SIGNUP

LOGOS

PROUD SOURCE

(Logo not final)

ICONS