Styletile

Typogprahy

These are the base styles for typogprahy in Boozebud.


Font Family

Montserrat Extrabold - heading

Inter - body



Font Weight

Montserrat Extrabold - bold

Inter - normal

Inter - semibold

Inter - bold



Text styles

Italic

Font Sizes

h1

h2

h3

h4

h5
h6

Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis corporis iure in ipsum tenetur. Non obcaecati natus molestias distinctio soluta! Dolorem, tempora. At saepe, commodi ducimus eaque dolores est odit?

Text alignment

Left. Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium sequi esse nulla voluptate repudiandae ipsa facere maxime soluta animi fugiat. Eos repudiandae obcaecati suscipit eum tempore inventore atque corrupti necessitatibus?


Center. Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium sequi esse nulla voluptate repudiandae ipsa facere maxime soluta animi fugiat. Eos repudiandae obcaecati suscipit eum tempore inventore atque corrupti necessitatibus


Right. Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium sequi esse nulla voluptate repudiandae ipsa facere maxime soluta animi fugiat. Eos repudiandae obcaecati suscipit eum tempore inventore atque corrupti necessitatibus


Justify. Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium sequi esse nulla voluptate repudiandae ipsa facere maxime soluta animi fugiat. Eos repudiandae obcaecati suscipit eum tempore inventore atque corrupti necessitatibus



Colors

These are the base theme colors available for boozebud.

Primary
Secondary
Body

Buttons

These are the base buttons for Boozebud.

Button Variants





Primary Link
Secondary Link
Underlined Link Button
Link with arrow

Button Sizes

Button States




Forms

These are the base form elements for Boozebud.



Pagination

See pagination.liquid to use the pagination on collection pages.



Richtext Content

These are the available styles when displaying richtext content using Shopify's native richtext editor.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere sapien vel dolor vestibulum laoreet. Praesent iaculis felis facilisis, blandit elit sit amet, facilisis mauris. Aenean et finibus justo. Curabitur bibendum rutrum urna id pretium. Praesent vulputate elit sed semper blandit. Vivamus pharetra sollicitudin lectus sollicitudin molestie. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent fringilla ultrices lorem quis rhoncus. Curabitur non massa non nisi tristique hendrerit in vel libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi tempus elit quis consectetur imperdiet. Curabitur rhoncus, ipsum dignissim dignissim venenatis, metus quam euismod metus, in rhoncus mi arcu id ipsum. Phasellus at nisi turpis. Aliquam ut metus non lacus sagittis molestie.

Quotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere sapien vel dolor vestibulum laoreet. Praesent iaculis felis facilisis, blandit elit sit amet, facilisis mauris. Aenean et finibus justo.

Unordered List

  • List item
  • List item
  • List item

Ordered List

  1. List item
  2. List item
  3. List item 

Image with Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere sapien vel dolor vestibulum laoreet. Praesent iaculis felis facilisis, blandit elit sit amet, facilisis mauris. Aenean et finibus justo. Curabitur bibendum rutrum urna id pretium. Praesent vulputate elit sed semper blandit. Vivamus pharetra sollicitudin lectus sollicitudin molestie. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent fringilla ultrices lorem quis rhoncus. Curabitur non massa non nisi tristique hendrerit in vel libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi tempus elit quis consectetur imperdiet. Curabitur rhoncus, ipsum dignissim dignissim venenatis, metus quam euismod metus, in rhoncus mi arcu id ipsum. Phasellus at nisi turpis. Aliquam ut metus non lacus sagittis molestie.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere sapien vel dolor vestibulum laoreet. Praesent iaculis felis facilisis, blandit elit sit amet, facilisis mauris. Aenean et finibus justo. Curabitur bibendum rutrum urna id pretium. Praesent vulputate elit sed semper blandit. Vivamus pharetra sollicitudin lectus sollicitudin molestie. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent fringilla ultrices lorem quis rhoncus. Curabitur non massa non nisi tristique hendrerit in vel libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi tempus elit quis consectetur imperdiet. Curabitur rhoncus, ipsum dignissim dignissim venenatis, metus quam euismod metus, in rhoncus mi arcu id ipsum. Phasellus at nisi turpis. Aliquam ut metus non lacus sagittis molestie.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere sapien vel dolor vestibulum laoreet. Praesent iaculis felis facilisis, blandit elit sit amet, facilisis mauris. Aenean et finibus justo. Curabitur bibendum rutrum urna id pretium. Praesent vulputate elit sed semper blandit. Vivamus pharetra sollicitudin lectus sollicitudin molestie. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent fringilla ultrices lorem quis rhoncus. Curabitur non massa non nisi tristique hendrerit in vel libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi tempus elit quis consectetur imperdiet. Curabitur rhoncus, ipsum dignissim dignissim venenatis, metus quam euismod metus, in rhoncus mi arcu id ipsum. Phasellus at nisi turpis. Aliquam ut metus non lacus sagittis molestie.

Cards

These are card components available to be reused on various parts of the theme.

Product Card

Example product title

Example product title

See card-collection.liquid to know the parameters the snippet accepts.

Collection Card

White Wine

White Wine


Featured collection title here

Featured collection description here...

1 4
View all
Bud Club

Example product title

$19.99 AUD
$19.99 AUD
View full details

Red Wine Varietals

Multi Column Demo

  • Column

    Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.

  • Column

    Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.

  • Column

    Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.
Button label

Multimedia collage

Example product title

Example product title

Classic Beer

Shop the favourites when it comes to classic beers. Corona, VB, Super...

Classic Beer

Sample caption

Collapsible content

Collapsible row Subheading...

Sample content here...

Collapsible row Subheading...

Sample content here...

Collapsible row Subheading...

Sample content here...

Collapsible row Subheading...

Sample content here...

We're here to help.

Chat with us now, or visit our help centre for some quick answers on common questions.

Blog posts

Blog post

Give your customers a summary of your blog post

Video

Image with text

Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.

Button label

Add a tagline