Concept project · Roofer
Talus Roofing Co.
A high-contrast, phone-first roofing site built to turn storm-season searches into calls and inspection requests.
This is a sample build. Talus Roofing Co. is a fictional company, not a real client.
Design approach
The goal: When a homeowner has a leak after a monsoon, get them to call or request an inspection within seconds.
Roofing leads are urgent and mobile. The design is loud on purpose: a deep navy and white palette, a red action color, oversized type, and the phone number repeated where a thumb expects it.
A storm-damage banner sits at the top of the page, followed by the three services homeowners search for most: repair, replacement, and inspections, plus roof-type options for tile, shingle, and foam.
A sticky call bar on mobile keeps the phone number one tap away while people scroll.
What’s on the page
- Storm-damage banner
- Hero with phone CTA
- Services
- Roof types
- Financing callout
- Inspection form
- Sticky mobile call bar
Style: Bold direct-response
Palette
Each color has one job, which keeps the site calm and the calls to action obvious.
Night navy
#0F1B2D
Hero, header, and footer
Signal red
#C8102E
Calls to action and the storm banner
White
#FFFFFF
Text on dark, card backgrounds
Cool grey
#EEF1F5
Section backgrounds
Type choices
These sample sites use system fonts, so they load instantly on any phone.
Leak after the storm?
Tile, shingle, and foam roofs across the Valley.
Want something like this for your business?
Tell us about your business. We’ll come back with a plan and a straight price, no pressure.