Style Guide


Header Styles

Heading h1

This is a heading h1 set in 32px Lato font. 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.

Heading h2

This is a heading h2 set in 26px Lato font. 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.

Heading h3heading 3 emphasis

This is a heading h3 set in 22px Lato font. 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.

Heading h4

This is a heading h4 set in 18px Lato font. 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.

Heading h5

This is a heading h5 set in 14px Lato font. 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.

Heading h6

This is a heading h6 set in 12px Lato font. 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.

List Styles

Unordered List
  • Lorem ipsum dolor sit amet.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus neque.
  • Nunc dignissim risus id metus.
Ordered List
  1. Cras ornare tristique elit.
  2. Vivamus vestibulum nulla nec ante.
  3. Praesent placerat risus quis eros.
  4. Fusce pellentesque suscipit nibh.

Link Styles

Primary Link Button Modal Link Button

Large Link Button


Regular Text LinkAlt Link Button Modal Link Alt Button

 

Join our mailing list for 10% off your next order!

Simply enter your email and we'll send you a promo code to use on your next order! You'll also get our occasional newsletter to let you know about our latest releases, upcoming sales, and exclusive insider access events!

Missing Component

Menu