Primary lockup
Use on white, light gray, and pale blue backgrounds.
Raptor Roofing Brand Kit
Raptor Roofing Website Brand Kit
Logo, color, type, photo standards, components, and page patterns for Raptor website work. Keep each page direct, practical, and recognizably Raptor.
Logo stays intact
Green means action
Real project photos first
Logo
Use the official lockup without rebuilding it.
Reverse lockup
Use on navy, dark photos, and high-contrast brand panels.
Badge mark
Use for favicons, avatars, compact review states, and small badges.
Logo checks
- Keep clear space around the mark.
- Do not stretch, recolor, crop, shadow, or rebuild the mark.
- Do not recreate the logo type in page text. Use the official artwork files.
- Avoid busy photo backgrounds unless the logo sits on a solid field.
Color
Use the official navy, green, and cyan palette.
#172e55#3ae20a#1ac6ffCurrent website support colors
These colors appear in the current website interface. Review them before changing, replacing, or mapping them into the official palette.
#071224#0a1f3c#14345f#94dfff#c9f2ff#d7ff57#ecff9d#52627cType
Use the current Raptor website typography system.
Space Grotesk
Roofing work made simple.
Use for H1, H2, major section titles, and compact stat labels.Manrope
Raptor inspects the roof system, documents the condition, and gives the homeowner a clear next step.
Use for paragraphs, buttons, labels, forms, tables, and review notes.Voice
Use plain language that helps the homeowner decide.
On Brand
We inspect the full roof system, explain what needs attention, and help you choose the right next step.
- Direct and useful
- Calm about storm damage
- Specific about the service
Off Brand
Call now for all your roofing, siding, and gutter needs near you.
- Overpromises
- Sounds generic
- Pushes pressure over guidance
Photography
Show real projects, people, trucks, materials, and jobsite context.
Components
Buttons, cards, and forms should make the next step obvious.
Primary actions
Roofing
Residential roof replacement
Clear inspection, material guidance, installation, cleanup, and final walkthrough.
Inspection request
Website Design
The approved page direction starts with answers, proof, and action.
First viewport
Lead with the homeowner's question, the clearest next step, a real Raptor image, and two actions: inspection and phone.
Decision support
Show options, service fit, materials, project photos, review proof, and what happens during the inspection.
Deeper detail
Add longer explanations, comparisons, FAQs, and location-specific detail after the quick answer path is clear.
Storm Damage
Inspection path, documentation, repair or replacement options.
Book a Free Inspection
Call
Downloads
