Style Guide

UI

Buttons

Primary

Primary – Hover

Secondary

Secondary – Hover

Tertiary

Tertiary – Hover

Ghost Button

Ghost Button – Hover

CTA Links

CTA Orange

CTA Orange – Hover

CTA Blue

CTA Blue – Hover

CTA Orange Full Width

CTA Orange Full Width – Hover

CTA Blue Full Width

CTA Blue Full Width – Hover

Link within Body Copy

Nulla lorem ipsum dolor sit amet lorem eget lacinia odio

Pagination

1 2 3

Accordion

Subheading

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

Link Text

Subtitle

Link Text

Subtitle

Link Text

Form Elements

Phone Number *

Single text input

Phone Number *

Single text input – focused

Inventory Count *

Select Box

Phone Number * required field

Single text input with error message

Email Address

Single text input with button

Checkbox

How can we help you?*

Yes

Radio

How can we help you?*

Yes

Style Guide

UI

Item One

Item Two

Item Three