Demo: sample data only. Nothing is saved, no emails or payments.

Product catalog

Logos and color photos: use the official files from each manufacturer's contractor marketing portal, not images copied from their website. Product lines and colors for each brand. Roofers check the lines they install; homeowners pick brand → line → color. Click ✕ to remove a color you can't get, or type one in Add a color.

Asphalt shingle

CertainTeedEdit
Logo
After you add it, the line shows above with its own color boxes and photo boxes.
GAFEdit
Logo
Weathered Wood
Charcoal
Pewter Gray
Barkwood
Shakewood
Click a photo to replace it. “Upload many photos” matches each file to a color by its file name (Charcoal.jpg).
After you add it, the line shows above with its own color boxes and photo boxes.
Owens CorningEdit
Logo
Driftwood
Estate Gray
Onyx Black
Click a photo to replace it. “Upload many photos” matches each file to a color by its file name (Charcoal.jpg).
After you add it, the line shows above with its own color boxes and photo boxes.
TamkoEdit
Logo
After you add it, the line shows above with its own color boxes and photo boxes.
IKOEdit
Logo
After you add it, the line shows above with its own color boxes and photo boxes.

Concrete tile

Eagle Roofing ProductsEdit
Logo
After you add it, the line shows above with its own color boxes and photo boxes.
Westlake RoyalEdit
Logo
After you add it, the line shows above with its own color boxes and photo boxes.
Crown Roof TilesEdit
Logo
After you add it, the line shows above with its own color boxes and photo boxes.

Clay tile

LudowiciEdit
Logo
After you add it, the line shows above with its own color boxes and photo boxes.

TPO / PVC

GAFEdit
Logo
After you add it, the line shows above with its own color boxes and photo boxes.
VersicoEdit
Logo
After you add it, the line shows above with its own color boxes and photo boxes.
Duro-LastEdit
Logo
After you add it, the line shows above with its own color boxes and photo boxes.
Mule-HideEdit
Logo
After you add it, the line shows above with its own color boxes and photo boxes.

2-ply modified bitumen

GAFEdit
Logo
After you add it, the line shows above with its own color boxes and photo boxes.
CertainTeedEdit
Logo
After you add it, the line shows above with its own color boxes and photo boxes.
Owens CorningEdit
Logo
After you add it, the line shows above with its own color boxes and photo boxes.