Everything extracted from guardianroofing.com: institutional navy, one gold action colour, Geologica over Montserrat, pill buttons at 70px. Depth comes from soft shadows and a pale lavender tint — never from a heavier accent.
Frequency-ranked from the live DOM. Navy carries structure and every heading; gold carries every action and nothing else.
Geologica sets every heading and section label; Montserrat carries body prose and button labels. Both are the site's real faces — no substitution was needed.
Why choose us
One action colour, one radius. Every call to action on the source site is a gold pill at 70px with a navy label and a 2px border of its own colour. The welded variant drops to a 20px bottom radius and locks to a card's lower edge.
Ready for a new roof? We deliver expert installation using premium materials for lasting protection and curb appeal.
A right triangle filled with a hard-stop 145° navy-to-gold gradient, clipped and tucked behind the shield mark. The stop is hard at 30% — a blended version stops reading as a brand mark. Surfaced by sweeping the page CSS, not by sampling computed styles.
Certification marks on a 20-second infinite scroll beneath a mask gradient that fades them out at both edges. Honors prefers-reduced-motion.
Sam and Jose did an amazing job, they were organized, fast and efficient. My new gutters look amazing.
We handle all required permits to ensure your project meets local codes and runs smoothly from start to finish.
The site's real vector shield, its white raster lockup, documentary job photography, and the certification marks it actually holds.
The moves that make this system recognisable — all transcribed from the live site.
Gold, pill, navy label. No ghost buttons, no second accent, no exceptions anywhere on the source site.
GAF Master Elite, Owens Corning Platinum, NRCA, RCAW — the marks do the arguing.
"We stay until the job is complete." "We show up on time." "Straight Forward pricing."
Every page on the site ends the same way: the cut-out van against navy, above the footer.