🧩 BRICKS AI HYBRID PATH · LIVE APR 20 2026

This playbook is built under the 3-tool workflow: Figma for the 20% that carries the brand (hero + MOAT sections), Bricks AI Studio for the 80% that repeats (grids, rows, accordions, chip bars), Claude/Nexus to orchestrate briefs.

🚫 OFF-LIMITS
Audrey does NOT design a header or footer in Figma. Global Bricks components already ship on every page.
📐 NAMING
NN_type_descriptor · lowercase + underscores · number matches the § in the Section-by-Section spec · starts at 01, no 00_header.
🧩 PER-SECTION MODE
One frame at a time. Audrey names the frame → asks Claude: “prompt for [page] section NN” → tuned Bricks AI prompt returned → paste in Bricks AI → approve → ship.
📦 WHOLE-PAGE MODE
Full bundle. All frames named → asks Claude: “whole [page] prompt pack” → document with every section prompt. Figma-flagged sections marked “drop your Figma export, do not regenerate.”
Every prompt enforces: No header/footer generation · Brand tokens (#1D1760 navy, #30C5FF blue, #FFEA00 yellow, Inter) · Stephanie format (Problem → Impact → Solution → Data → Need) · LocalBusiness + page-type schema · Mobile-first (44px taps, 16px body min) · No em dashes in client copy.
→ Full 3-tool workflow diagram + 5 wiring steps
Creative Brief for Audrey

Emergency Plumbing

This brief contains the structure, content direction, keyword targets, photo direction, and competitor analysis for the Emergency Plumbing landing page. Follow the BSP Universal Design Standard for all visual decisions.

165K monthly searches$89 dispatch fee (waived if proceed)HIGHEST URGENCYTarget: /emergency-plumbing/

Why This Page Matters

Emergency plumbing is the front door. 165,000 people a month search for emergency plumber near me. These are not browsers. They are standing in water RIGHT NOW. Every second without this page, those calls go to competitors. This page needs to load fast, show the phone number immediately, and convince them in 3 seconds that Bright Side answers 24/7.

Who Lands on This Page

Emergency Eric (85-90% of this page)

Pipe burst. Water everywhere. On his phone. Cannot read paragraphs. Needs the phone number, a promise someone is coming NOW, and proof you are real. 3-second decision window.

Maintenance Mike (10-15%)

Searching proactively -- wants to save an emergency plumber number before disaster hits. Needs to see 24/7 availability and professional operation.

Page Wireframe (Scroll Order)

Each section is in the order a visitor scrolls. The persona tag shows who that section is designed for.

Emergency Eric
Section 1 -- Above the Fold -- SPEED IS EVERYTHING
H1: Emergency Plumber in Kansas City -- We Answer 24/7
Burst pipe? Flooding basement? Sewer backup? Bright Side Plumbing dispatches licensed plumbers to your door within 60 minutes. Call now.
emergency plumber near me (165K/mo), 24 hour plumber (90K/mo), emergency plumbing (74K/mo)
Photo: Tech arriving at door at night with flashlight/toolkit. Urgency. Motion. Real photo, not stock.
Call (913) 963-1029 We Are On Our Way
Phone number: 36px+ bold, click-to-call, ABOVE everything Trust bar: 4.9 stars | 394+ reviews | Licensed | 60-min response Red/coral accent color for urgency Page load: under 2 seconds
All Personas
Section 2 -- Trust Bar
Visual trust strip -- one row, horizontal
Four trust badges. Instant credibility. No reading required.
4.9 Stars (394+ Reviews) 60-Minute Response Licensed and Insured 5th-Generation Family
Emergency Eric
Section 3 -- Common Emergencies We Handle
H2: We Handle Every Plumbing Emergency
Icon grid showing emergency types. Each one clickable to expand with 1-sentence explanation. Visitor sees their problem and knows BSP handles it.
burst pipe repair, sewer backup, water heater leak, gas leak plumber, flooding basement
Photo: Split image -- water damage on left, BSP tech fixing it on right. Before/during.
6-item icon grid: Burst Pipes, Sewer Backups, Water Heater Failures, Gas Leaks, Frozen Pipes, Flooding Each item: icon + title + 1 sentence Mobile: 2 columns
Emergency Eric
Section 4 -- Response Time Promise
H2: From Your Call to Our Truck -- Here Is How Fast We Move
Timeline graphic: Call answered in 15 seconds. Tech dispatched in 5 minutes. On-site in 60 minutes or less. This is the speed promise that closes Eric.
Graphic: Horizontal timeline with 3 nodes. Clock iconography.
Call Now -- We Dispatch Immediately
Animated timeline on scroll Real response time data from ST if available
Emergency Eric
Section 5 -- Reviews -- Emergency Specific
H2: What Kansas City Says About Our Emergency Response
Pull 3-4 Google reviews that specifically mention fast response, night calls, or emergency situations.
Google review cards with star rating Filter for reviews mentioning: emergency, fast, quick, night, weekend, same day
Maintenance Mike
Section 6 -- What To Do While You Wait
H2: What To Do Right Now (Before We Arrive)
Practical steps: shut off main water valve, move valuables, document damage for insurance. This builds trust -- BSP is helping BEFORE they even arrive.
what to do when pipe bursts (12K/mo), how to shut off water main (8K/mo)
Photo: Infographic showing water shutoff valve location. Helpful, practical.
Numbered checklist format Print-friendly section Downloadable PDF option (lead magnet)
All Personas
Section 7 -- Final CTA -- Emergency Strip
Do Not Wait. Call Now.
Full-width red/coral banner. Giant phone number. One button. No distractions. This is the page closer.
Call (913) 963-1029
Full-width banner, coral/red background Phone 48px+ bold Sticky mobile CTA bar at bottom of screen
Photo Direction for Audrey

Upload to the appropriate service folder on Google Drive. Compress with TinyPNG before using.

Hero Shot
Tech arriving at a home at night. Headlights on truck. Toolkit in hand. Motion and urgency.
Needs to convey SPEED and AVAILABILITY
Water Damage
Active water emergency -- flooding, burst pipe, standing water. Show the problem.
For the Common Emergencies section
Team at Work
Tech actively fixing an emergency -- under sink, crawlspace, hands dirty. Real work.
For the Response Time section
Truck/Van
BSP van or truck with branding. Professional fleet shot. Night or early morning.
For trust building
Water Shutoff
Infographic or photo showing a typical residential water shutoff valve location.
For the What To Do section
Reminder: All photos must be real BSP team photos. No stock photography. Compress with TinyPNG. Use descriptive kebab-case file names.
Competitor Pages (Design Reference)

Look at these to see what exists. Then make something better.

A-1 Sewer and Septic

Ranks #1 for emergency plumber KC. Basic page, no urgency design. BSP should blow past with speed-focused UX.

Mr. Rooter

National brand, generic pages. No KC-specific content. BSP wins on local trust and real team photos.

Roto-Rooter

Massive brand recognition but template pages. Zero personality. BSP wins on family story and authenticity.

Anthony Plumbing

Local competitor with decent reviews. Their emergency page is buried. BSP can own the vertical.

Why This Page Will Make Money

165K

Monthly searches for emergency plumber

60min

Target response time promise

$89

Dispatch fee (waived if proceed)

The math: Emergency calls convert at the highest rate of any service. At 165K monthly searches, even capturing 0.1% means 165 calls/month. At 80% booking rate and an average emergency ticket of $450+, this single page could drive $59K/month in new revenue.

Dispatch Fee and Pricing

$89 dispatch fee applies. Waived if customer proceeds with repair. Mention this on the page -- it builds trust and removes friction.

Schema and SEO

Required Schema Types: PlumbingService + EmergencyService + FAQPage

Target URL: /emergency-plumbing/

Internal Links: Cross-link to related service pages. Reference Keyword Strategy for full keyword data. Reference Sacred HTML for overall strategy.

This Is the Structure. This Is the Content Direction.

Follow the Universal Design Standard from the Sewer Camera Inspection Brief. That document contains the complete design system -- typography, colors, artboard sizes, and asset locations. Make it look like nothing else in Kansas City plumbing.