Guardian | Landing page concepts :root{--navy:#12294e;--blue:#315d9c;--red:#bd233b;--ink:#1e2b42;--muted:#5d6a7e;--line:#dce3ec;--pale:#f3f6fa;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif;background:#fff}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.07;letter-spacing:-.045em;margin-bottom:20px}h2{font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.17;letter-spacing:-.025em}h3{font-size:1.14rem}a{color:inherit}.preview{background:#0c1830;color:#dbe6f5;padding:10px 5%;display:flex;gap:16px;align-items:center;justify-content:space-between;font-size:13px}.preview strong{color:white}.switch{display:flex;gap:5px;background:#263a5a;padding:4px;border-radius:9px}.switch button{border:0;background:transparent;color:#dbe6f5;padding:8px 12px;border-radius:6px;font-weight:700;cursor:pointer}.switch button[aria-selected=true]{background:white;color:var(--navy)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px max(5%,calc((100% - 1180px)/2));border-bottom:1px solid var(--line);background:white}.logo{width:min(265px,45vw);height:auto;display:block}.header-actions{display:flex;align-items:center;gap:20px;font-weight:700}.header-actions a{text-decoration:none}.header-actions .phone{color:var(--navy)}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:47px;border-radius:5px;padding:11px 19px;background:var(--red);color:white!important;text-decoration:none;font-weight:750;border:0;cursor:pointer;box-shadow:0 5px 15px #bd233b22}.button:hover{background:#9e1730}.button-outline{border:1px solid #b2c0d2;background:transparent;color:var(--navy)!important;box-shadow:none}.button-outline:hover{background:#e9eff6}.wrap{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}.hero{background:linear-gradient(125deg,#f3f6fa,#fff 70%);padding:69px 0 77px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:start}.eyebrow{color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.77rem;margin-bottom:15px}.lead{font-size:1.17rem;line-height:1.62;color:#4b5a70;max-width:610px}.ticks{list-style:none;padding:0;margin:26px 0 31px;display:grid;gap:12px}.ticks li{display:flex;gap:11px;align-items:flex-start}.ticks li::before{content:'✓';color:var(--red);font-weight:900}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.small-note{font-size:.82rem;color:var(--muted);margin-top:16px}.form-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:29px;box-shadow:0 18px 45px #20334e17;scroll-margin-top:24px}.form-card h2{font-size:1.68rem;margin-bottom:7px}.form-card p{font-size:.91rem;color:var(--muted);margin-bottom:21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}label{font-size:.78rem;font-weight:750;color:#34455c}input,select,textarea{width:100%;border:1px solid #b8c5d5;border-radius:5px;min-height:43px;padding:10px 11px;background:white;font:inherit;color:var(--ink)}textarea{min-height:79px;resize:vertical}.form-card .button{width:100%;margin-top:19px}.form-foot{font-size:.78rem;color:var(--muted);margin:12px 0 0!important}.trust{background:var(--navy);color:white}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:25px;padding-bottom:25px}.trust-grid div{border-left:2px solid #7ca2d4;padding-left:18px;font-size:.92rem}.trust-grid strong{display:block;font-size:1.02rem;margin-bottom:2px}.section{padding:80px 0}.section.alt{background:var(--pale)}.section-head{max-width:720px;margin-bottom:34px}.section-head p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:26px;border:1px solid var(--line);background:white;border-radius:8px}.card .num{font-weight:800;color:var(--red);font-size:.84rem;margin-bottom:19px}.card p{color:var(--muted);margin-bottom:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.panel{background:var(--navy);color:white;padding:42px;border-radius:9px}.panel p{color:#d9e5f4}.panel a{color:white}.faq details{padding:16px 0;border-bottom:1px solid var(--line)}.faq summary{font-weight:750;cursor:pointer}.faq details p{color:var(--muted);margin:12px 0 0}.bottom-cta{background:linear-gradient(110deg,var(--navy),#315d9c);color:white;padding:60px 0}.bottom-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:28px}.bottom-cta p{color:#dbe6f5;max-width:630px;margin-bottom:0}.footer{padding:25px 0;color:var(--muted);font-size:.84rem}.footer .wrap{display:flex;justify-content:space-between;gap:18px}.page[hidden]{display:none!important}.dev-notes{background:#fff9e9;border-top:1px solid #e9d99d;padding:22px 0;color:#584a2c;font-size:.87rem}.dev-notes summary{font-weight:750;cursor:pointer}.dev-notes ul{margin-bottom:0}.mobile-cta{display:none}@media(max-width:850px){.hero-grid,.split{grid-template-columns:1fr;gap:34px}.hero{padding:44px 0 54px}.cards{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr;gap:15px}.section{padding:58px 0}.bottom-cta .wrap{display:block}.bottom-cta .button{margin-top:20px}}@media(max-width:560px){.preview{display:block}.switch{margin-top:9px}.site-header{padding:13px 20px}.header-actions .phone{font-size:.82rem}.header-actions .button{display:none}.hero-grid{gap:25px}.form-card{padding:21px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.section{padding:48px 0}.panel{padding:28px}.footer .wrap{display:block}.mobile-cta{display:block;position:sticky;bottom:0;background:white;border-top:1px solid var(--line);padding:9px 16px;text-align:center;z-index:3}.mobile-cta .button{width:100%}} .testimonials{background:#fff}.quote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.quote-card{margin:0;padding:29px;background:var(--pale);border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;gap:21px}.quote-card blockquote{margin:0;color:var(--navy);font-size:1.16rem;line-height:1.5;font-weight:700}.quote-card figcaption{margin-top:auto;color:var(--muted);font-size:.88rem}.quote-card figcaption strong{display:block;color:var(--ink);font-size:.96rem}.more-quotes{display:inline-flex;margin-top:28px;color:var(--blue);font-weight:750;text-underline-offset:4px}.more-quotes:hover{color:var(--red)}@media(max-width:850px){.quote-grid{grid-template-columns:1fr}}
Guardian landing page concepts · Review copy and layout before website implementation
Ontario fire safety planning

A fire safety plan built for your building.

Give your team a clear, practical plan for fire emergencies. Guardian prepares building-specific Fire Safety Plans and helps you navigate the planning and review process.

  • Plans tailored to your building, occupancy and procedures
  • Support for owners, property managers and facility teams
  • Guidance from information gathering through submission

Unsure if your building requires a plan? Tell us about the property and we can discuss the applicable requirements.

Request a Fire Safety Plan quote

Share the basics. Guardian’s team can follow up about your building and timing.

Select oneMulti-residential / condoCommercial / officeIndustrial / warehouseSchool / institutionalHealth care / careOther / unsure

Preview only: this form needs to be connected to Guardian’s lead inbox before publishing.

Building-specific plansPrepared for your facility and operations
Ontario-focused guidanceRequirements reviewed for your situation
One team to contactFrom initial questions to next steps
What Guardian does

From building information to a usable plan

Make it easier for your team to understand its responsibilities and for the plan to reflect how the building actually works.

01 / Review

Understand the property

Gather building details, systems, occupants and existing procedures relevant to the plan.

02 / Prepare

Develop the plan

Document emergency procedures, supervisory roles, training and fire department information as applicable.

03 / Support

Help put it to use

Coordinate next steps for review and help your staff understand implementation needs.

Common questions

Does my building need a Fire Safety Plan?

The answer depends on the building’s occupancy, size and other Fire Code conditions. Guardian can review the basics of your property and advise on the next step.

Ask Guardian About Your Building
Can you update an existing plan?

Tell us what has changed in the building or its operations. We can discuss the scope of an update.

Does a plan need fire department review?

Review requirements depend on the applicable rules and authority. Guardian can explain the process for your project.

What should I have ready for a quote?

Your building location, use, approximate size and any existing plan or drawings are a helpful starting point.

Customer feedback

What clients say about Guardian

Hear from building owners and teams who have worked with us.

“Laura was responsive, knowledgeable, and easy to work with”
Elisa CarboneAssociate VP of Corporate and Building Services · Runnymede LTC
“everything was completed on time and within budget.”
Greg BagleyDirector of Municipal Facilities · Town of East Gwillimbury
Read more customer quotes →

Ready to discuss your Fire Safety Plan?


Send a few details and Guardian can help scope the work.

Request a Quote
Implementation notes for Guardian’s website team
  • These are page concepts, not live pages. Replace the preview switch with two separate URLs or adapt the existing service pages.
  • Connect both forms to the actual inbox or CRM, set a distinct thank-you event for each service, and test phone and form conversion tracking before ads start.
  • Keep quote buttons and phone number in the desktop header and mobile sticky action; the first screen should not be a full-height image or video.
  • Confirm Guardian’s UL listing and scope of service before publishing accreditation language. Review Fire Code descriptions with Guardian’s technical team; avoid blanket January 2026 claims for all existing buildings.
  • Preserve the real logo; replace any old president name, placeholder copy and duplicate blocks on current pages. Add the site’s privacy link and consent wording where required.
const tabs=[...document.querySelectorAll('[data-page]')];function showPage(id,scroll=false){tabs.forEach(t=>t.setAttribute('aria-selected',String(t.dataset.page===id)));document.querySelectorAll('.page').forEach(p=>p.hidden=p.id!==id);document.querySelector('.site-header .button').href=id==='fsp'?'#quote':'#quote-s';document.getElementById('mobile-link').href=id==='fsp'?'#quote':'#quote-s';document.getElementById('mobile-link').textContent=id==='fsp'?'Request a Quote':'Request an S1001 Quote';if(scroll)scrollTo({top:0,behavior:'instant'})}tabs.forEach(button=>button.addEventListener('click',()=>showPage(button.dataset.page,true)));if(new URLSearchParams(location.search).get('page')==='s1001')showPage('s1001');document.querySelectorAll('.quote-form').forEach(f=>f.addEventListener('submit',e=>{e.preventDefault();alert('This is a design preview. Guardian’s website team will connect the quote form before publishing.')}));
Scroll to Top