Style Guide

Colors

Primary

Black

White

Dark Gray

Light Gray

Off White

Warm White

Dark Beige

Light Beige

Beige

Ambient Gold Outline

Ambiant Gold Gradient Fill

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 link

A p tag

Eyebrow text

  • 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