Get 50% off on all templates until Dec 3, 11:59pm PT! Code: 1128CWWFTS123

No items found.

Customize this template

Schedule a time with a Webflow expert to customize this template. Learn more

Get started

Give your next Webflow site a fresh look that is both confidence-inspiring and easy-going, with Canopy.

Design can be time-consuming. Canopy makes it easy.

Give your site a look that is both confidence-inspiring and easy-going, with Canopy. Designed to offer everything your startup website could need, Canopy gives your design team a huge head start, with a suite of landing page options, CMS-powered blog layouts and designs for an innovative 4-step onboarding procedure. Take job applications through the CMS-powered Careers page, and show off your company’s successes with full-page CMS-powered Customer Stories. Canopy is the perfect way to get your next Webflow site started.


Medium Rare’s signature UI Snippets

Embellish images and add context with the included UI Snippets. UI Snippets are responsive web elements, built right in Webflow Designer to add extra meaning to your marketing copy and demonstrate how your users will interact with your app. When used in conjunction with photography, UI Snippets convey real use cases in ways that words cannot. More than a simple UI image, UI Snippets can be edited in Webflow Designer to better reflect your app’s functionality while keeping a consistent look with the rest of your website.


Style and color changes are a breeze

Canopy is designed to make design changes quick and easy. Use the Style Guide page to make broad changes to Canopy’s fundamental design elements such as colors, fonts and buttons in one place and see the effect immediately take effect across all pages in the template. Using Webflow’s color swatch feature, you can change colors once and see your changes mirrored everywhere throughout your site.


A Medium Rare UI Kit, built for flexibility

Canopy is built on logical design patterns that allow for repeatability and easy re-use of pre-built structures. This allows users to copy any element from a Canopy page and place it anywhere you want on your site, safe in the knowledge that the element will behave and appear as expected, without the need to edit styles.


CMS Powered Customers

Collaborate with your best clients to produce insightful articles that can give an in-depth look at how your product works and how your services are best utilised. List these articles together on the Customer Stories page, which draws each article from Webflow CMS. Each Customer Story takes the form of a full-page article so you can dive deep on the details, complete with images and metrics.


CMS Powered Careers

Take full advantage of Canopy’s Careers layouts to attract top talent to your crew - all from your own site, and all managed within Webflow CMS. List your open positions on any page using the job listing block, and entice prospective employees with a full page selling the perks of company life, then list the full details of each role on it’s own page via Webflow CMS.


CMS Powered Blog

Reach a new audience to tell your brand’s unique story on your site’s very own integrated blog. Canopy is equipped with all of the necessary layouts and components to host your own blog, managed through the easy-to-use Webflow CMS interface. Publishing and managing articles is made easy in the WYSIWIG editor, with all content uploaded and hosted in your Webflow account.


Notable Features

  • 12x UI Snippets to demonstrate key app interactions styled in sync with your site.
  • 3 defined CMS collections; Customer Stories, Careers and Blog.
  • Symbols used for common elements such as Navs and Footers.
  • Forms for user enquiries, newsletter subscriptions, job applications and requesting a product demonstration.
  • Structured UI Kit makes composing new sections straight-forward


Canopy is a perfect fit for your next…

  • Software, SaaS or app
  • Insurance company
  • Creative agency
  • Consultancy
  • Medical Practice
  • B2B service
  • Political initiative
  • Community project


Everything your startup could need in a full-featured Webflow UI Kit Template


32 Unique Page Layouts

  • 5x Product Tours (landing pages)
  • Product Details
  • Request Demo
  • Reviews
  • Customer Stories
  • Customer Stories Listing
  • Customer Stories Single
  • How It Works
  • Use Case
  • Pricing
  • Pricing 1
  • Pricing 2
  • Pricing 3
  • Company
  • About the Company
  • Blog
  • Blog main listing (CMS)
  • Blog category listing (CMS)
  • Blog article
  • Careers
  • Careers Page with jobs listing (CMS)
  • Job opening details with application form (CMS)
  • Contact page with form
  • General terms & conditions page (Legal)
  • Account
  • 3x Create Account layouts
  • Canopying
  • 4-step Canopying process
  • Sign in
  • Forgot password



Assets

  • Figma design file provided upon request with proof of purchase here:
  • Some photography was sourced from Pexels and falls under the Pexels License.
  • Iconography is sourced from Icons8 and all are free to use.
  • Source Serif Pro, available on Google Fonts, provided under the OFL license.
  • Satoshi font falls under the Fontshare license.


Made By Medium rare

With over 7 years’ experience producing world-class template products, we know exactly what customers need in a website template. We’ve helped over 50,000 happy customers launch great-looking sites using our products, which are all backed by our top-notch after sales support.


A Note on Custom Code

Custom CSS for smoother font aliasing has been added to ensure smooth typographic rendering across all devices and operating systems.

Show more
Single Use License

Can only be used by you or one client for one end product. You cannot resell or redistribute this template in its original or modified state.

Free License

This template is free to use in both person and commercial projects. You cannot resell, redistribute, or license this template in its original or modified state.

Medium Rare supports this template
Designed by Medium Rare

Questions about this template? Just reach out to the template designer and they will get back to you within 2 business days.

For advanced design guidance, please share your questions in the Webflow Forum or reach out to a Webflow Partner.

Loving this template?

Share your feedback by leaving a comment below.

For template support, please check the Support tab.

Is there a template demo available?

Use the Preview in Designer option to make any edits to the template pages and preview how the layout would fit your content. Changes in preview mode won't be saved.

Can templates be used in existing projects?

It isn't possible to apply a template to an already existing project. Instead, you'll need to create a new project based on the Template.

Can templates be exported?

With a Core plan (or higher), you can export sites you build in Webflow, including templates, to host them anywhere you'd like.

How to purchase a template from a legacy team account?

Webflow templates are only available for purchase through Workspaces and legacy individual accounts.

How to remove the CMS functionality from a template?

CMS templates are designed to use the power of the Webflow CMS. It is possible to downgrade to a Basic Site Plan as long as all CMS content is deleted from the project.

Use the View Connections tool to understand where the CMS content is on the site and delete any dynamic listings and CMS content. We also recommend you to check Components and the Collection page Templates.

How to remove the Ecommerce functionality from a template?

Ecommerce templates are designed to use the power of Webflow Ecommerce. It is not possible to remove Ecommerce from a template, however, deleting all Ecommerce Products and Categories from the project, will allow to select a lower Site Plan.

How to remove the Memberships functionality from a template?

Membership templates are designed to use the power of Webflow Membership. It is not possible to remove Memberships from a template.

Subcategory
Features
CMS
3D transforms

Display 3D graphics elegantly on every device.

CMS
Content management system

Customize the built-in database for your project or just add new content.

CMS
CSS Grid

Reposition and resize items anywhere within the grid to produce powerful, responsive layouts — faster and without code.

CMS
Custom 404 page

Custom design for the 404 page of your website

CMS
Forms

Build your lead lists and subscriber base with beautiful forms.

CMS
Interactions

Comes with animations and interactions for additional polish and usability.

CMS
Media lightbox

Showcase high-res photos and videos on a black backdrop.

CMS
Responsive design

Displays perfectly on desktops, tablets, and phones.

CMS
Responsive navigation

Site navigation automatically collapses into a mobile-friendly menu on smaller devices.

CMS
Responsive slider

Display images and text elegantly on every device with our touch-friendly slider.

CMS
Retina ready

All graphics are optimized for devices with high DPI screens.

CMS
Symbols

Reusable elements you can use across your site. Edit a symbol and all copies update instantly.

CMS
Web fonts

Uses fonts from Google's Web Font collection.

Similar templates

Browse all
Nextica
View details
December 11, 2024
Multi Page
49
Multi Page
Cryptole
View details
December 10, 2024
Multi Page
49
Multi Page
HireSphere
View details
December 10, 2024
29
AirBase X
View details
December 9, 2024
Multi Page
79
Multi Page

More by Medium Rare

All templates by Medium Rare
Sellspace
View details
December 5, 2024
Multi Page
49
Multi Page
Fledge
View details
August 16, 2024
Multi Layout
129
Multi Layout
Clearmind
View details
July 18, 2024
Multi Layout
79
Multi Layout
Waystone
View details
June 17, 2024
Multi Layout
129
Multi Layout
No items found.