Skip to content

Demo

Roofing website example

Ironwood Roofing & Exteriors

Jackson, MO

Straight answers about your roof, and a crew that shows up when it says it will.

This business does not exist. It is a demonstration of the layout, built from the same template a paying client gets — the screenshots below are of a real, working site, just not a real company.

What this layout puts first

  • Licence and insurance before the work — a roofer is hiring trust first.
  • Then whether the crew covers your town, on its own page per town.
  • No storefront hours, because nobody visits a roofer.

Page order

  1. 1.Hero
  2. 2.Licence and insurance
  3. 3.Service area
  4. 4.Services
  5. 5.Before and after
  6. 6.Reviews
  7. 7.FAQ
  8. 8.About
  9. 9.Hours and map
  10. 10.Get an estimate

Colours and type

Colours

  • Primary#1f4e6d
  • Primary dark#163a52
  • Accent#b45f2b
  • Text#1b2329
  • Secondary text#55626d
  • Background#ffffff
  • Alt background#f1f5f8
  • Footer#15212b

Type

Barlow Condensed

Ironwood Roofing & Exteriors

Source Sans 3

The quick brown fox jumps over the lazy dog. Body text at the size it is actually read, so you can judge it rather than guess.

The whole page

Full demo roofing home page: credentials, service area, services, before and after.

On a phone

The same demo roofing home page at phone width.

Styles

Get a quote

Tell me what your business does and what you need the site to do. I will come back with a plan, a price, and a date.

Tell me what you need and I will send back a plan and a price. If you would rather talk it through first, say so and we will find a time.