Style Guide

Colors

Primary

Off-Black

Dark Gray

Off-White

Pewter Gradient Outline

Pewter Gradient Fill

Tan

Light Tan

Pink

Pale Pink

Error Red

Typography

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis euismod feugiat dolor vitae consequat. Ut pharetra ante leo, vel tristique turpis efficitur a. Nunc a turpis a tellus tempor fringilla ac in turpis. Aliquam eu congue ex, vitae maximus turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam et vestibulum orci, fringilla sollicitudin metus. Phasellus nisl magna, finibus et mi vitae, condimentum laoreet tortor. Maecenas nibh elit, scelerisque sit amet condimentum convallis, porttitor et tellus. Etiam sapien purus, vulputate sit amet sodales vitae, fringilla ac ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam velit est, mattis id cursus non, malesuada id nulla. Cras massa lectus, gravida at viverra nec, dictum ac nisi.

This is an h1

This is an h2

This is an h3

This is an h4

A linßk

A p tag

  • List item 1
  • List item 2
  • List item 3

Buttons

Button Primary Dark

Themed Buttons

Button Primary Dark (disabled)

Button Secondary

Button Secondary (disabled)

Button text underline

Shop now

Button text underline (disabled)

Shop now

Button With Icon

Button With Icon (disabled)

Button Text Underline with icon

Button Text Underline with icon (disabled)

Forms

Default form fields

Form field with icons

Dropdown

Radio buttons

Checkboxes

Quantity selector

Quantity selector - disabled

Shade selector

Size selector

Carousel Arrows

Needs to be moved into component

  • 01 /

Selling Fast Badge

Selling Fast