Styleguide

Typography

Heading one

Heading two

Heading three

Heading four

Heading four (alt)

Heading five

Paragraphs

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.

Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

Type styles

Blockquotes

Eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

The author of the quote

Lists

ul (default)
  • One
  • Two
  • Three
  • Four
Numeric bullet ol (default)
  1. One
  2. Two
  3. Three
  4. Four
ul (with list class)
  • One
  • Two
  • Three, with child list
    • First sub item
    • Second sub item
    • Third sub item, with child list
      • Third level item
      • Another third level item
  • Four

Responsive tables, takes a data-attr

Order Date Payment Status Fulfillment Status Total
#1001 December 22, 2015 Authorized Unfulfilled $43.03
#1002 December 23, 2015 Authorized Unfulfilled $44.03
#1003 December 24, 2015 Authorized Unfulfilled $45.03
#1004 December 25, 2015 Authorized Unfulfilled $46.03
#1005 December 26, 2015 Authorized Unfulfilled $47.03
#1006 December 27, 2015 Authorized Unfulfilled $48.03

Forms

Default form elements


Buttons

Default button

Default button (alt)

Secondary button

Tertiary button


Usage Icon Set

Beauty
Clarity
Daily Use
Made with botanical & essential oils
Family Friendly
For all skin types
Home Remedies
Immunity
Made with Manuka Honey
Natural Sweetener
On the Go
Simple & Organic Ingredients
Vitality
Work Out
Spoonful
Recipes
Pairings
Breakfast

Full Width Modules

Global Shipping Bar

FREE SHIPPING on orders over $50 in the Continental U.S.

Figure

1/2 width image

Cras bibendum iaculis neque. Aenean luctus ex id neque facilisis, elementum sollicitudin augue feugiat.


1/2 width image

Cras bibendum iaculis neque. Aenean luctus ex id neque facilisis, elementum sollicitudin augue feugiat.


1/3 width image

Cras bibendum iaculis neque. Aenean luctus ex id neque facilisis, elementum sollicitudin augue feugiat.


1/3 width image

Cras bibendum iaculis neque. Aenean luctus ex id neque facilisis, elementum sollicitudin augue feugiat.

CTA With Image

Aligns Image Left
[bold]Aenean luctus ex id neque facilisis, elementum sollicitudin augue feugiat.[bold]

Default button

Aligns Image Right
[bold]Aenean luctus ex id neque facilisis, elementum sollicitudin augue feugiat.[bold]

Default button

CTA With Text

Lorem ipsum dolor sit amet.

Default button

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada neque vitae molestie volutpat. Aenean venenatis id dolor at aliquet.

Default button

Rewards Bar

Join the wedderspoon SWEET rewards program

Join Now