Brand Colors

  • Brand Primary

  • Brand Secondary

  • Brand Light

  • Brand Dark

  • Brand Text

Typography

Buttons

  • Primary Button Small
  • Primary Button
  • Primary Button Large
  • Secondary Button Small
  • Secondary Button
  • Secondary Button Large
  • Add to Cart Large
  • Add to Cart
  • Add to Cart Small
  • Checkout Continue Button
  • Alternate Continue Button
  • Proceed to Checkout Button
  • Clear Shopping Cart Button
  • Update Shopping Cart Button
  • Continue Shopping Button
  • Checkout Back Button

Forms

Text Inputs
Please enter a valid email address. For example johndoe@domain.com.
This is a required field.
Radio Buttons
Checkboxes
Selects
Please select an option.
Please select an option.

Messages

Success Message
You added Joust Duffle Bag to your shopping cart.
Error Message
Invalid login or password.
Notice Message
Your search returned no results.
Info Message
We can't find products matching the selection.

Grid

col-sm-12 col-md-6 col-lg-3
col-sm-12 col-md-6 col-lg-3
col-sm-12 col-md-6 col-lg-3
col-sm-12 col-md-6 col-lg-3
col-md-4 col-lg-4
col-md-4 col-lg-4
col-md-4 col-lg-4
col-md-6 col-lg-6
col-md-6 col-lg-6
col-md-4 col-lg-4
col-md-8 col-lg-8
col-md-4
col-md-4 col-md-offset-4
col-md-3 col-md-offset-3
col-md-3 col-md-offset-3
col-md-6 col-md-offset-3
col-md-6 col-md-push-6
col-md-9 col-md-push-3
col-md-3 col-md-pull-9
col-sm-1 col-md-1
col-sm-2 col-md-2
col-sm-3 col-md-3
col-sm-4 col-md-4
col-sm-5 col-md-5
col-sm-6 col-md-6
col-sm-7 col-md-7
col-sm-8 col-md-8
col-sm-9 col-md-9
col-sm-10 col-md-10
col-sm-11 col-md-11
col-md-12

Position

position-top-left
position-top-center
position-top-right
position-center-left
position-center
position-center-right
position-bottom-left
position-bottom-center
position-bottom-right
position-top
position-bottom
position-left
position-right

Padding

padding-all--30
padding-bottom--30
padding-top--30
padding-left--30
padding-right--30

Margin

margin-all--30
margin-bottom--30
margin-top--30
margin-left--30
margin-right--30