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.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.
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.
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.
Share your feedback by leaving a comment below.
For template support, please check the Support tab.
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.
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.
With a Core plan (or higher), you can export sites you build in Webflow, including templates, to host them anywhere you'd like.
Webflow templates are only available for purchase through Workspaces and legacy individual accounts.
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.
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.
Membership templates are designed to use the power of Webflow Membership. It is not possible to remove Memberships from a template.