Definitive guide

How to create a mind-blowing cannabis web design with/without a web designer

Best Cannabis Web Design of 2022 | 20 Examples + Templates

Professional Website Example

Here's how to get started.

Okay, so you're looking for some inspiring website designs. Or maybe need some inspiring templates?
Perhaps you already have a design in mind, and you’re just looking for a  website builder. In any case...
You came to the right place. See, many people who need a website invest a lot of money to get one. They hire extremely expensive web designers who often build low-quality websites. Although I'm not blaming anybody, I have a better idea for you.
Build it yourself. On this page, you'll find clear instructions on how to do it – even if you don't have any experience. I'll recommend you a couple of tools that I trust and use myself. If you decide to purchase a tool I recommend, I get a small commission at no extra cost to you.

Do you prefer to have a professional web designer do it for you? I got your back. Scroll down to check out my recommended web designer.

Ralph de Groot
Let's make building your website as easy as possible. Welcome to my guide!
My name is Ralph de Groot. I'm the founder and author at My Codeless Website. Wake me up for a great web design. I love writing about website examples, too!
After years of trial and error I can confidentially recommend you the following when it comes to building a website.
PS: Want to get more visitors to your website? 👇

I partnered up with Foreignerds to grow website traffic

They're an award-winning marketing agency

Request a free marketing consult to grow traffic today!

Promote Your Website

1. Curaleaf

URL: https://curaleaf.com/

I love how Curaleaf matches its color scheme with plants(different shades of green)! If you’re interested, they provide patients with quality cannabis for health and wellness has been our focus for the last decade. They have learned how to cultivate the cleanest, purest cannabis strains from hand-grown, healthy, happy plants. Check out their brands immediately!

What you can learn from this great cannabis web design example

  • Well-designed and functional
  • Optimized for mobile
  • Fresh, quality content

2. MedMen

URL: https://medmen.com/

MedMen was founded to de-stigmat cannabis by providing a welcoming and accessible shopping environment because a world where cannabis is legal and regulated is safer, healthier, and happier. If you’re in for a treat, visit their shop for their categories! They have a clean layout and menu so you won’t be overwhelmed with the products!

What you can learn from this great cannabis web design example

  • Designed to serve a purpose
  • Easy to use and navigate
  • The website uses current trends and technologies

3. Truelieve

URL: https://www.trulieve.com/

Trulieve, Florida’s largest medical marijuana business, and country music legends The Bellamy Brothers support a proposed constitutional amendment allowing people 21 and older to use marijuana recreationally. Visit their clean and organized website filled with green shades all over. When considering colors for websites, green and blue are great choices.

What you can learn from this great cannabis web design example 

  • Appropriate color scheme
  • Responsive web design
  • Provides easy navigation to jump from one page to another

4. Mango Cannabis

URL: https://mangocannabis.com/

Have you ever heard of Mango Cannabis? Neither did I! If you’re curious, visit this friendly and vibrant website. As you visit, you’ll be welcomed by a cool mango enjoying the summer daze like no other. Mango Cannabis offers a large variety of thoroughly vetted, high-quality cannabis products. Its staff will help educate you on the best options for your lifestyle and medical needs.

What you can learn from this great cannabis web design example

  • Cool concept
  • Energetic fonts and color scheme
  • Fantastic menu and layout

5.  Curio Wellness 

URL: https://fardotter.com/

Far & Dotter helps people declutter, decipher, and demystify a changing cannabis landscape. They honor the wisdom and personal care they remember from family doctors and neighborhood pharmacists while taking an innovative approach to medicinal cannabis and holistic wellness. Do not forget to visit this friendly cannabis website for several items on sale!

What you can learn from this great cannabis web design example 

  • Content is optimized for different devices
  • Responsive web design
  • Organized menu

6. Thrive Cannabis Marketplace

URL: https://thrivenevada.com/

Take it from the name itself – marketplace. Thrive Cannabis Marketplace is the largest independently owned Cannabis company in Nevada. With over 5,000,000 successful sales transactions since its inception. You can find everything you need here! What are you waiting for?

What you can learn from this great cannabis web design example

  • Extensive information
  • Fast website
  • Vibrant color scheme

7. The Republic

URL: https://www.shoptherepublic.com/

The Republic – Cannabis Dispensary is located on one of Boulder County’s only cannabis farms. With incredible views on 25 acres of open space, they offer customers one of the most beautiful dispensary locations in Colorado. Their easy-to-get dispensary offers a wide selection of high-quality products at low prices. Check them out with the cleanest menu possible.

What you can learn from this great cannabis web design example

  • Quality content
  • Clear purpose
  • Extensive choices

8. Fire Station

URL: https://thefirestation.com/

The Fire Station is the second medical marijuana facility to open in the Upper Peninsula. Check out their functional and user-friendly website to see what they can offer. I love how they made their website modern-looking as they offer customers with high quality-cannabis products, education, and exceptional customer service.

What you can learn from this great cannabis web design example

  • Modern-looking
  • High-quality design
  • Functional and user-friendly

9. Chalice Farms

URL: https://www.chalicebrandsltd.com/

Whether looking for anything from euphoric THC highs to rejuvenating CBD experiences, Chalice Farms has everything you could ever want, even beauty products! Browse their products at your local store by clicking the link above. Shop now!

What you can learn from this great cannabis web design example

  • Simple and attractive design

  • Easy navigation

  • Fresh content 

10. Sunnyside

URL: https://www.sunnyside.shop

This one is a personal favorite. I love how happy everything is on this website. Sunnyside’s color scheme is refreshing, with smiling web images as you scroll. Definitely one to check out. No matter what effect you’re after, they are dedicated to helping you unlock all the benefits the cannabis plant can provide.

What you can learn from this great cannabis web design example

  • Happy color scheme
  • Responsive design
  • Informative website

11. Ontario Cannabis Store

URL: https://ocs.ca/

Ontario Cannabis Store is like a website straight from a magazine. I love how they present their products to visitors. I’m sure you’ll be delighted to explore each page as it is entertaining to look at. The OCS provides safe, responsible access to legal recreational cannabis for adults 19 and older. We are Ontario’s sole wholesaler to more than 1,500 Authorized Cannabis Stores. The OCS also operates OCS.ca, the Province’s online cannabis retailer, which delivers to consumers in every corner of Ontario.

What you can learn from this great cannabis web design example

  • Unique design
  • Good content
  • It has a clear purpose

12. Ohio Dispensaries

URL: https://www.verilife.com/oh

Verilife is more than a medical cannabis dispensary—it’s a way to feel better and live better. Ohio dispensaries bring truth and transparency so you can live your best life. I like how they decided to use a black-white color scheme to attract potential buyers. A black and white color scheme is a popular choice in web design. It can make typography, images, and other visual elements stand out.

What you can learn from this great cannabis web design example

  • Superb black-white color combination
  • Empowering messages
  • Good copywriting

13. Cannabis

URL: https://aglc.ca/cannabis

AGLC is committed to providing the most innovative cannabis model that offers choices Albertans can trust. Aside from being organized, this website brings you everything you need through its leading-edge gaming, liquor, and cannabis industries. Check them out!

What you can learn from this great cannabis web design example

  • Clear purpose
  • User-friendly
  • Nice website design

14. Cresco Labs

URL: https://www.crescolabs.com/

This website is pretty adorable. I love the delicate designs, including the fonts and color schemes. For those interested, Cresco Labs is on a mission to normalize, professionalize and revolutionize cannabis. Attentive people. State-of-the-art facilities. Top-flight products. Whether premium cannabis for a cannabis connoisseur or medical relief for patients, Cresco Labs’ world-class facilities and a team of cultivation, manufacturing, and distribution experts ensure we’re always delivering the best product.

What you can learn from this great cannabis web design example

  • Mobile compatibility
  • Accessible to all users
  • Well-formatted content that is easy to scan

15. Canopy Growth

URL: https://www.canopygrowth.com/

Canopy is a global, best-in-class cannabis company and CPG organization to unleash the power of cannabis to improve lives. From expanding personal health and wellness to creating economic opportunity and working on social justice initiatives, Canopy is demonstrating the ability of cannabis as a positive agent for change. Visit this wonderful website for your cannabis needs! I’m sure you won’t be disappointed with this one.

What you can learn from this great cannabis web design example

  • Browser consistency
  • Effective navigation
  • Well-planned information

16. Shango

URL: https://goshango.com/

Shango Premium Cannabis is the leading medical and recreational medical dispensary license holder, grower, and manufacturer in multiple states. Shango currently owns cannabis-related licenses in Oregon, Washington, and Nevada, with expansion plans that include retail, manufacturing, and product distribution in Michigan, New Jersey, and California in the cannabis market and nationwide for its CBD products. Their information is organized and presented beautifully.

What you can learn from this great cannabis web design example

  • Unique design
  • Good content
  • It has a clear purpose

17. Green Thumb Industries

URL: https://www.gtigrows.com/

Green Thumb Industries holds itself to a higher standard to grow and serve even more people with safe, quality cannabis. You’ll be welcomed with green color combinations as you visit this website. Honestly, it’s pleasant to the eyes.

What you can learn from this great cannabis web design example

  • Cool concept
  • Energetic fonts and color scheme
  • Fantastic menu and layout

18. 112th Street Cannabis

URL: https://112thstreetcannabis.com/

I love how bubbly this website is because of the chosen color scheme: mustard yellow! Yellow is fun and playful, but you must remember it’s also used for warning signs. Its vibrant hue heightens emotion, which builds excitement for your website visitors when used in small doses but quickly becomes overwhelming.

What you can learn from this great cannabis web design example

  • Pleasant color scheme
  • Well-formatted products that is easy to scan
  • A clean and nice font

19. Source Cannabis

URL: https://www.sourcecannabis.com/

Sources Cannabis has the most engaging welcome approach for the visitors as they utilize a video to entice you. Video backgrounds are more effective at attracting attention than image or solid color backgrounds. The above-the-fold section is the first thing visitors see when they visit your website. And you only have 3 seconds to convince the visitor to stay on the site and keep browsing.

What you can learn from this great cannabis web design example

  • Enticing background video
  • Stylish fonts
  • Adorable color scheme

20. Dockside Cannabis

URL: https://www.docksidecannabis.com/

Dockside Cannabis elevates the cannabis retail experience to honor the plant’s contribution to community connection, physical health, and mental well-being. I love how they format their content to the fullest. Correct use of headings, sub-headings, paragraphs, bullets, or lists helps to break up the text, making it easy for readers to scan.

What you can learn from this great cannabis web design example

  • Well-formatted content
  • Calming color combinations
  • Browser Consistency
Inspiring website templates,

These are my favourites.

BONUS: Elegant Themes

URL: https://elegantthemes.com/

Although this one officially shouldn't be in this list - I couldn't keep this one from you. Elegant themes has amazing website themes and leads by example. Their own homepage looks stunning.

What you can learn from this great  website

  • Playful design
  • Clear call to actions
  • Great user experience

More website examples

xuva modern website example

Modern Examples

Limepay Startup Website Example

Startup Examples

xuva modern website example

Divi Examples

3 Award Winning Web Designers I recommend

I highly recommend you to have a look at their portfolios!

UNIQUE DESIGNS

WEBFLOW EXPERTS

CONVERTING WEB DESIGN

Max Sher – Sher Agency

We're a team of 20 designers, developers, and marketers helping our clients create beautiful websites. I can't wait to meet you – take a look at the video on my home page to learn about how I work! 😃

This web design agency specializes in custom designs built using WordPress
This agency focuses on medium-sized businesses and usually doesn't work for freelancers. They built over 300 websites

Pulkit Jain – Mostli

We build custom websites with Webflow that help you achieve your goals. From Brand Communication to Fundraising. From Lead generation to Conversion. Have a look at our portfolio to see what we build!

Working with Seed, Series-A funded SaaS & Tech Startups around the globe
2 years building +100 projects with No-code & Low-code technologies saving months of development and money

Lovepixel Agency

We Build Highly Converting Funnels / Brands / Websites that people fall in Love with. Personal Brands, Authors, Speakers, Influencers, Coaches, Consultants. Check my video to see how we work 👋

This web design agency specializes in custom websites using WordPress
They focus on a personal touch that allows the visitor to connect with the website. Great for personal brands!

I partnered up with Foreignerds to grow website traffic

They're an award-winning marketing agency

Request a free marketing consult to grow traffic today!

Promote Your Website

1

Website hosting that I recommend.

Where should I host my website? After trying many hosting services we found 2 which stand out.

Great for hosting a single website
Cheap
Great support

Great for hosting multiple websites
Free migrations

Ralph de Groot
Recommended Page Builder

2

Selecting the right page builder.

Analyze the best examples on this page and select a page builder that is powerful and isn't buggy.

Here is the one I recommend.

3

Grab my install guide.

Analyze the best examples on this page and select a page builder that is powerful and isn't buggy.

Here is the one I recommend.

Recommended Page Builder
Recommended Page Builder

4

Best Practices (BONUS).

Claim the right domain before it's gone

Spend your money wisely.

We recommend Divi, it's great for beginners and allows you to customize everything.

website building
You can use these amazing websites as inspiration for your own website. Of course you shouldn't copy these websites. Simply pick your favourite ones and blend them into your perfect design.
website design
I hope you enjoyed these website examples. If you need help to design a website, make sure to request a free quote. I'm sure we'll be able to help you out!
website builders
Are you looking for a website builder? I'm a big fan of Divi. Honestly, I've been using it for 5+ years now. It's such a powerful tool, yet easy to use. I can't recommend it enough!

About the author

Ralph de Groot loves great web design. In fact, you can wake him up at night if you found an inspiring website. Besides writing at My Codeless Website he also loves to read and to travel.

FAQ

What makes a good cannabis web design? 

A great cannabis web design should have a clean design, be easy to navigate and include a lot of social proof. Have a look at this page for great example websites.

How to create a cannabis web design?

  1. Analyze the best examples on this page
  2. Make notes of what you like – and what you don’t like
  3. Design your own site with this a drag & drop website builder 
  4. Publish your website with our recommended hosting platform.

How much does a cannabis web design cost?

A web designer will charge anywhere between $2000 and $6000 for a decent website. However, this article will teach you to do it yourself for less than $100.

What information is needed on a cannabis web design?

Your website will need at least the following pages: ‘Home, About us, Contact, Portfolio’. To create trust with your visitor it’s important to show lots of pictures of your team and your latest projects.