Rooftree

Rooftree is a website template for roofing contractors. It's built around what homeowners look for before they call: what a new roof costs, what goes into it, and jobs you've finished in their part of town.

The home page shows a roof in seven layers, from the deck to the ridge cap, and each layer drops into place as the visitor scrolls. Finished jobs come from the CMS with a before and after slider, and the price table lists every service with its typical cost and time on site. A hailstorm section walks through an insurance claim step by step.

What's included

• 10 pages: Home, Services, Service (CMS), Our work, Job (CMS), Roof prices, About, Contact, Privacy and 404

• 2 CMS collections: Services and Jobs

• 3 code components: Roof Layers, Before After and Nav Backdrop

• An inspection request form with sending, sent and error states

• Desktop, tablet and phone layouts

• 6 color styles and 15 text styles

• 31 photos

Fonts

Schibsted Grotesk and Public Sans, both on Google Fonts.

Good for

Roofing contractors, storm and hail repair companies, gutter and exterior contractors, and other home service businesses that price by the job.

Before you launch

The company, prices, reviews and Minnesota legal notes are demo content, and the photos are AI-generated placeholders. Connect the form to your email or CRM. The edit guide beside the home page lists everything to replace.