🧩 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

Gas Line Repair and Installation

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

Safety-critical serviceHigh-trust requirementLicensed gas workTarget: /gas-line-repair/

Why This Page Matters

Gas line work requires special licensing and trust. Homeowners searching for gas line repair are scared -- they smell gas, their detector went off, or their appliance stopped working. This page leads with safety credentials and fast response.

Who Lands on This Page

Emergency Eric (70%)

Smells gas. Detector going off. Fire department told them to call a plumber. Terrified. Needs a licensed gas plumber NOW.

Renovation Rachel (25%)

Adding a gas line for a new range, fireplace, or outdoor grill. Wants licensed professional.

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 -- SAFETY FIRST
H1: Gas Line Repair in Kansas City -- Licensed, Safe, Same-Day
Smell gas? Do not use any electrical switches. Leave the house. Call us from outside. Bright Side Plumbing is licensed for gas line work.
gas line repair near me (22K/mo), gas leak repair (18K/mo), gas line installation (33K/mo)
Photo: Tech using gas detection equipment. Safety-focused.
Emergency Gas Line: (913) 963-1029 Schedule Gas Line Service
SAFETY WARNING at top Phone: 36px+ bold Trust bar: Licensed Gas Plumber | 394+ Reviews | Same-Day | Insured
Emergency Eric
Section 2 -- Gas Leak Safety Steps
H2: If You Smell Gas -- Do This Right Now
Step-by-step safety: Do not flip switches. Do not light matches. Leave house. Call from outside.
gas leak what to do (14K/mo), smell gas in house (12K/mo)
Infographic: Gas safety checklist.
Numbered safety steps Red/amber warning styling Drives organic traffic
Renovation Rachel
Section 3 -- Gas Line Services
H2: Gas Line Services We Provide
Service grid: Gas leak detection, new line installation, rerouting, appliance hookup, pressure testing.
gas line installation cost (14K/mo), gas line for stove (8K/mo), outdoor gas line (6K/mo)
Photo: New gas line installation -- clean piping.
Get a Gas Line Quote
5-6 service cards Mention specific appliances: range, dryer, fireplace, grill, pool heater
Renovation Rachel
Section 4 -- Our Gas Line Process
H2: How We Handle Gas Line Work
4-step: Pressure test, explain findings, repair/install, final safety verification.
Photo: Tech performing pressure test.
4-step process Double pressure testing -- before and after
All Personas
Section 5 -- Credentials + Reviews + FAQ
Credentials, Reviews, and FAQ
Licensing prominently displayed. Gas reviews. FAQ about costs, permits.
gas line repair cost (8K/mo)
Call (913) 963-1029
License numbers displayed FAQ with schema Final CTA: amber theme
Photo Direction for Audrey

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

Hero Shot
Tech using gas leak detection equipment. Safety gear visible.
Safety is the visual theme
Gas Line Install
Clean new gas line installation. Copper or CSST piping.
For services section
Pressure Testing
Tech performing gas pressure test with gauge.
For process section
Appliance Hookup
Gas range or fireplace being connected by BSP tech.
Relatable for Rachel
Safety Infographic
What to do when you smell gas -- visual guide.
Could go viral as a resource
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.

Smedley Plumbing

Strong local presence. BSP differentiates on emergency response.

Anthony Plumbing

Good gas line page. BSP needs to match and exceed.

KC Gas Service

Specialty gas company. BSP positions as full-service with gas expertise.

Why This Page Will Make Money

73K

Monthly gas line searches

SAFETY

Primary visitor concern

$89

Dispatch fee (waived if proceed)

The math: Gas line work averages $500-$3,000+. New installations reach $5,000+. One gas line installation per week at $2,000 avg = $104K annual revenue from one page.

Dispatch Fee and Pricing

$89 dispatch fee applies. Waived if customer proceeds with repair or installation.

Schema and SEO

Required Schema Types: PlumbingService + FAQPage

Target URL: /gas-line-repair/

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.