Something important about this headline.
Some longer text to loquaciously describe the intricacies of verbiage as applied to this unique context.
Eyebrow text
Hero Block
Only one of these per page can exist, you can set the text left, right, or full width. Selecting full width sets the image as the background.
Eyebrow text
CTA Full Block
This block is used for getting people to the location search page. Ignore the Call to Action button below, it’ll be replaced by the search box.
Eyebrow text
Multi Column Block
Subhead for testing purposes
This is a good block to use when you have up to 2-4 things to say and would like them laid out without distractions. If you want to add images, toggle the “With Images?” toggle in the “Config” tab.
-
Headline 1
Subhead
Copy text for explaining more info.
-
Headline 2
Subhead
Copy text for explaining more info.
-
Headline 3
Subhead
Copy text for explaining more info.
-
Headline 4
Subhead
Copy text for explaining more info.
Eyebrow test copy
Multi-column Content with Images
Subhead copy for testing
Lorem ipsum dolor sit amet consectetur. Ut tempus sit quam pellentesque justo viverra. Natoque neque volutpat orci in congue felis ullamcorper. Ullamcorper amet molestie eget mi id orci rhoncus semper pretium. Erat iaculis purus fusce magnis diam lectus turpis.
-
Column headline
This only has one subhead level?
Lorem ipsum dolor sit amet consectetur. Ut tempus sit quam pellentesque justo viverra. Natoque neque volutpat orci in congue felis ullamcorper.
-
Column headline
This only has one subhead level?
Lorem ipsum dolor sit amet consectetur. Ut tempus sit quam pellentesque justo viverra. Natoque neque volutpat orci in congue felis ullamcorper.
-
Column headline
This only has one subhead level?
Lorem ipsum dolor sit amet consectetur. Ut tempus sit quam pellentesque justo viverra. Natoque neque volutpat orci in congue felis ullamcorper.
Eyebrow text
Multi Column Stats Block (2-up)
When you have up to 2-4 stats to say
This is a good block to use when you have up to 2-4 stats to say and would like them laid out without distractions.
-
100%
Of statistics are true
-
2/3
Of statistics are false
Eyebrow text
Multi Column Stats Block (4-up)
When you have up to 2-4 stats to say
This is a good block to use when you have up to 2-4 stats to say and would like them laid out without distractions.
-
100%
Of statistics are true
Lorem ipsum dolor sit amet consectetur. Ut tempus sit quam pellentesque justo viverra. Natoque neque volutpat orci in congue felis ullamcorper.
-
2/3
Of statistics are false
Lorem ipsum dolor sit amet consectetur. Ut tempus sit quam pellentesque justo viverra. Natoque neque volutpat orci in congue felis ullamcorper.
-
250K
Dollars spent on nonsense
Lorem ipsum dolor sit amet consectetur. Ut tempus sit quam pellentesque justo viverra. Natoque neque volutpat orci in congue felis ullamcorper.
-
1 Mil
Questions for you
Lorem ipsum dolor sit amet consectetur. Ut tempus sit quam pellentesque justo viverra. Natoque neque volutpat orci in congue felis ullamcorper.
Eyebrow text
One Column Block
This is a good block for a single column of content
You can toggle between having the content be left aligned or center aligned at the top.
Eyebrow
Two Columns Block
Split the page in half
You can have different color scheme for each side, add a call to action, and move the copy from the left to the right side.
Eyebrow text
Accordion Block
Useful for Frequently Asked Quesitons
This is a good block to use for things like FAQs that have lots of content that might not be pertinent to every user. Use the “Panels” tab to add accordions.
-
-
Something important about this headline.
Some longer text to loquaciously describe the intricacies of verbiage as applied to this unique context.
Quote Carousel Block
Eyebrow
Sticky 50 Block
Scrolling lists of items
This block works well when you have lots of short blurbs of text and or images, especially if sequential. You can add images and CTAs throughout and customize the color scheme for both sides.
-
01
- 02
-
03
Eyebrow text
Color Card Repeater Block
Lay out options for users to click on without images.
If you have specific images for each item, use the Image Card Repeater. You can configure the color scheme in the Config tab and add cards in the Cards tab.
Eyebrow text
Color Card Repeater Block – 3+ cards
Lay out options for users to click on without images.
If you have specific images for each item, use the Image Card Repeater. You can configure the color scheme in the Config tab and add cards in the Cards tab.
Eyebrow
Image Card Repeater
Lay out options for users to click on with images.
If you don’t want images for each item, use the Color Card Repeater. You can configure the color scheme and whether the image should be the card background in the Config tab. Add cards in the Cards tab.
Eyebrow
Image Card Repeater – 3+ cards – Pistil
Lay out options for users to click on with images.
If you don’t want images for each item, use the Color Card Repeater. You can configure the color scheme and whether the image should be the card background in the Config tab. Add cards in the Cards tab.
Eyebrow
Image Card Repeater – 3+ cards – Indica
Lay out options for users to click on with images.
If you don’t want images for each item, use the Color Card Repeater. You can configure the color scheme and whether the image should be the card background in the Config tab. Add cards in the Cards tab.
Eyebrow
Card Slider
Good for when you have multiple items.
But the items should be in a niche theme that certain users would be specifically drawn to delving into.
Design System
Buttons and color modes
Light
Sativa
Indica
Pistil
Kief
Mint
Typography
Super Display
Display 1
Display 2
Eyebrow
Title
Subhead
Body 1 Bold
Body 1
Body 2
Spacing
Padding Min Padding Inner Padding Half Padding Full
Gutter Narrow Gutter Wide