No items found.

Purlin is a lead generation website template for roofing contractors, roofers and roofing companies. 19 pages, five CMS collections, a quote form that pre qualifies every lead, draggable before and after project sliders, and GSAP motion.

Purlin is built to do one thing for roofing companies: turn visitors into booked estimates. It is made for roofing contractors, roofers, roofing companies, and exterior remodeling and construction businesses that sell on trust rather than on price.

Built to convert. A sticky header carries click to call and quote buttons at every scroll position. A trust strip with review scores sits above the fold. An interactive before and after project slider lets a homeowner drag between the old roof and the finished one. Services are organised by the homeowner's problem, not by your internal job codes. The quote form pre qualifies every lead by asking for the work type, the ZIP code and the timeline before it asks for a name. Availability, financing and workmanship warranty signals are surfaced where homeowners actually look for them, not buried on an inner page.

Real service pages, not filler. Six service detail pages cover roof repair, roof replacement, roof inspection, storm and hail damage, gutter installation, and commercial roofing. Every one is written out in full, so you can launch with real copy and edit it down rather than staring at lorem ipsum. Project case studies carry the cost and the duration. There is a reviews page, service area pages with local housing stats, and a written blog covering storm damage and roof insurance claims.

Fast, calm motion. All animation is GSAP: scroll reveals, count ups, and smooth accordions. It is GPU friendly, it respects reduced motion preferences, and every animation is documented in a full How to Edit GSAP Animations element map on the Instructions page, so you can retime it, restyle it or remove it without opening the code.

Easy to make yours. Variables drive colours, type and spacing, so the whole site recolours in a few clicks. Components power the navbars, the CTA bands and the cards, so one change updates every instance. Five CMS collections (Services, Projects, Reviews, Service Areas, Blog) mean one edit updates every page that references the item. Every photo slot ships with rights cleared imagery you can use as it is or replace with the client's own work.

19 pages: Home, Services plus six service detail pages, Projects plus a project detail page, Service Areas plus a service area detail page, Reviews, About, Contact, Blog plus a blog post page, Instructions, Style Guide, Licenses, Changelog, Privacy Policy, Terms of Service, and a custom 404.

Features - Google Lighthouse 100 SEO, 100 Accessibility, 100 Best Practices - GSAP powered animations, GPU friendly and reduced motion aware - Variables driven design system: recolour the whole site in clicks - Component based navbars, CTA bands and cards - Five CMS collections wired across every page - Rights cleared imagery, ready to use or replace - SEO and Open Graph settings filled in on every page - Fully responsive across desktop, tablet and mobile This template is best for: Roofing companies, roofing contractors, roofers, roof repair services, roof replacement companies, roof inspection services, storm damage restoration companies, hail damage repair specialists, gutter installation services, gutter companies, siding companies, siding and exterior remodeling companies, commercial roofing services, residential roofing services, flat roof specialists, metal roofing companies, shingle roofing companies, general contractors, construction companies, home improvement companies, home services businesses, and any local trade that sells estimates.
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.

Hidenari Fujiwara supports this template
Designed by Hidenari Fujiwara

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
Home Construction
Home Construction
Architecture
Architecture
Home Services & Maintenance
Home Services & Maintenance
Features
CMS
CSS Grid

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

CMS
Components

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

CMS
Content management system

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

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
GSAP

Comes with GSAP animations and interactions for additional polish and usability.

CMS
Interactions

Comes with animations and interactions for additional polish and usability.

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
Retina ready

All graphics are optimized for devices with high DPI screens.

CMS
Web fonts

Uses fonts from Google's Web Font collection.

Related Tags

Similar templates

Browse all

You might also like

Browse all
No items found.

More by Hidenari Fujiwara

All templates by Hidenari Fujiwara
Home Construction
Architecture
Home Services & Maintenance