Design System / Wave 3 / High-Fidelity Comps
BioSweep of Chicagoland
Production-grade design comps for Grant's review and developer handoff. Six Tier A pages, fully responsive, with final copy, real schema annotations, and a locked design system.
May 2026 6 pages Cloudflare Pages + Astro build target Mobile-first Grant approval pending
Pages
Tier A / Stage 1
Homepage
biosweepchicago.com/
Triage + trust. 9 sections. Routes all four personas to their page. Disambiguation FAQ is Q1.
LocalBusiness AggregateRating FAQPage All personas
Tier A / Stage 2
Realtors
biosweepchicago.com/realtors
Maria's page. The Math, Realtor Program, disclosure angle, CE teaser. Loss-aversion as the conversion engine.
Service FAQPage Maria (listing agent)
Tier A / Stage 2
Homeowners
biosweepchicago.com/homeowners
Dan and Jen's page. Empathy mirror, PHOCATOX explanation, pricing band, reviews, process, pets FAQ, guarantee.
Service FAQPage Dan and Jen (homeowners)
Tier A / Stage 1
About Grant
biosweepchicago.com/about
E-E-A-T page. Person schema. 13-year story, disambiguation block, credentials, case vignettes, guarantee in Grant's voice.
Person LocalBusiness All (E-E-A-T)
Tier A / Stage 1
Reviews
biosweepchicago.com/reviews
5.0/30 surfaced on owned property. Filterable grid by persona. Targets "BioSweep reviews" and "BioSweep complaints" simultaneously.
AggregateRating Review (5+) All (late-funnel)
Tier A / Stage 1
Guarantee
biosweepchicago.com/guarantee
Dark green hero. Plain-English terms. Complaints reframe. Transferable warranty. Targets "BioSweep complaints" defensively.
FAQPage AggregateRating All (defensive)
Color Palette (locked for Grant approval)
Brand Teal
#0d4f5c
Primary brand color. Headers, hero backgrounds, nav.
Teal Mid
#0d7a8e
Gradient partner. Hover states. Accent backgrounds.
Amber CTA
#d97706
Primary CTA buttons. High-contrast on dark. Phone CTAs.
Amber Light
#f59e0b
Stars, review accents, sticky mobile bar.
Guarantee Green Dark
#052e16
Guarantee page hero only. Intentional differentiation.
Success Green
#16a34a
Guarantee CTAs, checkmarks, pricing headers.
Warm White
#f8f5f0
Page background. Warm, not clinical.
Navy Dark
#1e2a38
Nav bar, dark sections, footer backgrounds.
Slate Body
#475569
Body copy. Supporting text on white.
Loss Red
#dc2626
Math sections only. "Without treatment" loss numbers.
Typography Stack
H1, Page hero
Smoke odor, gone. Permanently.
H2, Section headline
Ozone masks. PHOCATOX destroys.
H3, Subsection
What the treatment looks like
Body, Lead
PHOCATOX permanently destroys odor-causing molecules. When the source is gone, there is nothing left to return.
Body, Standard
Most Chicagoland homes run $800-$3,500. Final price depends on square footage, smoke type, and HVAC scope.
CTA button
Call (630) 881-7145
Eyebrow / label
For Chicagoland Listing Agents
Design Decisions and Notes for Grant
Color palette - pending your approval
Primary brand color is a confident deep teal (#0d4f5c). Accent for all CTAs is warm amber (#d97706). Together they read premium home service - not restoration-blue, not medical-white. The guarantee page uses deep forest green as its sole hero color to visually signal "resolution" to visitors who arrive from a defensive query. Your call if you prefer a different primary - the amber CTA is non-negotiable for conversion.
Photos required before launch
Every photo placeholder in these comps is a real spec: Grant in field gear near the van (hero photos on homepage and homeowners), Grant headshot for About and founder strip, equipment-in-action shots for process sections. No stock photos anywhere. A half-day shoot with a Chicago photographer will produce everything needed across all 6 pages.
Content Grant must confirm before publishing
About page story timeline, credentials (PHOCATOX cert name, IICRC status, insurance amounts), case vignette specifics, guarantee voice quote in his own words, BBB status, realtor testimonial real names and brokerage permissions, and the pricing decision (publish bands or keep quote-only). All flagged with editorial notes in the page files.