Design Handoff · Mark Squire Roof Restorations

For: designer / OD agent / build operator
Read top-to-bottom before designing. Every section labeled with provenance:
- ✓ verified:* — from customer's site or trusted API · do not paraphrase
- 🤖 ai-completed:* — LLM-generated from real signals · may polish · keep facts
- ⚠ niche-typical:* — fallback default · should be replaced if real data available later
- ⚡ mixed:* — partially verified + partially AI-completed
>
Generated: 2026-05-17T04:51:57.566Z · slug: mark-squire-roof-restorations
Provenance summary: 21 fields · ✓ 0 verified · 🤖 3 ai · ⚠ 0 niche-fallback · ⚡ 0 mixed

1. Business · LOCKED facts (verbatim · never paraphrase)

FieldValueSource
Business nameMark Squire Roof Restorations✓ gbp
Phone0400 058 842✓ gbp
Phone tel: linktel:0400058842✓ gbp
Email(none)✓ gbp
Address4 Eureka Terrace, Ballarat East VIC 3350, Australia✓ gbp
CityBallarat✓ gbp
StateVIC✓ gbp
Nicheroofer✓ gbp
Rating5★ (3 reviews)✓ gbp
Google Mapshttps://maps.google.com/?cid=590050035974156618✓ gbp
Rule: every field above must appear in the final website verbatim. No paraphrasing of business name. No formatting changes to phone. Address as one string.

2. Existing visual identity (brand kit)

Skill used: logo-design (new logo) · no website existed for this business — designed fresh logo from intake brief

primary logo

Variants (all in design/brand/):

Color tokens 🤖 logo-design-skill

TokenHex
brand_primary#1F232B
brand_secondary#3A5A6B
brand_accent#C68C3F
surface#FFFFFF
surface_muted#FAF6EE
text#1F232B
text_muted#5A5C61
border#E4DFD2
Typography

Brand personality: honest regional trade, owner-operator, restoration-specialist, workmanlike, heritage-credible (not luxury)

Avoid: No corporate-trade gradient/icon-pack cliché. No badges with 'EST. YEAR' unless the year is verified. No condensed italic display fonts. No luxury jewellery palette (no rich purples / golds beyond a quiet ochre).

Full visual style contract (click to expand)

Mark Squire Roof Restorations Website Visual Style Contract

Boundary

This contract defines brand direction and visual guardrails. It does not design the final UI, page structure, component layouts, breakpoints, or frontend implementation.

Brand Reading

Read the logo first: weight, typography, geometry, color, and personality should drive the website's visual system.

Overall Style Direction

Style: clean local business

The website should feel honest regional trade, owner-operator, restoration-specialist, workmanlike, heritage-credible (not luxury).

Avoid: No corporate-trade gradient/icon-pack cliché. No badges with 'EST. YEAR' unless the year is verified. No condensed italic display fonts. No luxury jewellery palette (no rich purples / golds beyond a quiet ochre).

Color Boundaries

```css :root { --brand-primary: #1F232B; --brand-secondary: #3A5A6B; --brand-accent: #C68C3F; --surface: #FFFFFF; --surface-muted: #FAF6EE; --surface-dark: #111111; --text: #1F232B; --text-muted: #5A5C61; --border: #E4DFD2; } ```

Color rules:

Logo Usage Boundaries

Typography

Layout Density

Density: medium/service-focused

Keep pages scannable, practical, and aligned with the brand's level of polish.

Shape Language

Use shapes, radius, borders, and line weights that match the logo geometry.

Header System

Protect logo visibility and avoid typography/color choices that compete with it. Do not prescribe exact header layout here.

Local business contact rule: Desktop header should expose phone or primary contact action. Mobile header should prioritize call, quote, or menu based on conversion need.

Footer System

Footer should preserve the logo as the primary brand object, with readable links and restrained CTA/contact treatment.

Buttons And CTA

Primary CTA: solid brand-primary #1F232B, white text, 3px corner radius (slightly softer than VIP's sharp corners — owner-friendly feel). Secondary: outlined steel-blue border. Hover: 10% darker.

Cards And Forms

Soft corners (4px). 1px #E4DFD2 border (warm beige border, not cold gray — matches cream surface). Drop shadow optional and very subtle.

Imagery Direction

Real Ballarat-area before/after restoration photography. Owner-on-site shots. Avoid stock crew handshakes; show actual work and the owner where appropriate.

Icon Style

Slab-aligned line icons, 1.5–2px stroke, with optional rounded terminals (softer than VIP's). Restoration cues: ridge cap, paint roller, gutter, tile/metal sample, ladder.

Section Backgrounds

Alternate white #FFFFFF and warm cream #FAF6EE — that cream signals regional / honest / non-corporate. One hero section per page with overlay imagery.

Motion And Interaction

Use subtle, purposeful interactions. Avoid animations that fight the brand tone or delay conversion actions.

Responsive Behavior

Define when full logo switches to mark-only, and protect logo visibility in mobile header/footer.

Do / Don't

Do:

Do not:

Website Agent Prompt

```text Use the supplied Mark Squire MS monogram with its steel-blue ridge-cap apex in the M's valley exactly as drawn — that ridge-cap is the brand's signature element. Brand reads as regional owner-operator, restoration-focused, slab-serif credible (think trade heritage, not luxury). Use #1F232B as primary, #3A5A6B as secondary (corrugated steel blue-gray — accent for ridge cap and supporting elements), and warm cream #FAF6EE as surface-muted alternative. Slab serif headings; sans body. Maintain owner-personal voice; no corporate-trade clichés. ```

3. Real content (Phase B extraction)

3a. Services (B1)

Roof Restoration [?]

Roof Repair [?]

Gutter Replacement [?]

Gutter Guard [?]

Metal Roofing [?]

3b. About narrative (B2)

About Mark Squire Roof Restorations

Mark Squire Roof Restorations 是 Ballarat 的本地 roofer。 Google 评分: 5★ · 3 条评论。

备注

MVP 阶段 · 这段为 niche typical + 硬数据综合 · LLM 综合升级见 V3-HANDOFF-STRUCTURE Phase B (Cascade A 调用)。

3c. Hero copy (B3) — 3 candidates

Candidate 1 · [service-led] 🤖 claude:claude-sonnet-4-5

Candidate 2 · [urgency-led]RECOMMENDED 🤖 claude:claude-sonnet-4-5

Candidate 3 · [trust-led] 🤖 claude:claude-sonnet-4-5

3d. FAQ (niche-typical · 4-6 questions)

A: Free quote · pricing depends on damage extent · we provide written estimates within 24 hours. A: Yes · we hold a current Queensland Building and Construction Commission license · public record at ABR. A: Yes · no obligation site visit · written quote within 24 hours. A: Typically 2-5 days depending on roof size and weather · we keep you updated throughout. A: All workmanship guaranteed · Colorbond materials carry manufacturer warranties up to 36 years. A: Yes · we work directly with insurance companies for storm/hail damage claims.

4. Site architecture (B4 + B6)

14 pages · 5 service · 4 area Source: ? · long-tail coverage: ?

SlugTypePurposeH1Bound imagesSource
/homehero + 3 services + reviews + trust + map + CTA[?]
/roof-restorationservice[?]
/roof-repairservice[?]
/gutter-replacementservice[?]
/gutter-guardservice[?]
/metal-roofingservice[?]
/roofer-ballaratarea[?]
/roofer-ballarat-cbdarea[?]
/roofer-ballarat-northsidearea[?]
/roofer-ballarat-southsidearea[?]
/aboutaboutcompany story + ABN + license · trust 集中[?]
/reviewsreviews3 reviews aggregator[?]
/contactcontactform + tel + map[?]

5. Image assets (B5 vision classify + B6 page bindings)

⚠️ No customer images available · build will use template stock or generated SVG/AI.

7. Boundaries — what you CANNOT do

商家硬数据 (verbatim · 一字不改 · Mark Squire Roof Restorations)

不许做的

详见 docs/v4/DATA-PRESERVATION-CONTRACT.md

10. Market context (Phase E1 · Tinyfish search · external mentions)

Read this before designing copy · understand competitive positioning + how the business shows up across the AU web.

External mentions (AU-filtered) ✓ tinyfish:search

#TitleDomainSnippet
1[Mark Squire Roof Restorations - Yellow Pages](https://www.yellowpages.com.au/ballarat-east-vic/bpp/mark-squire-roof-restorations-580292534)www.yellowpages.com.au
2[MARK SQUIRE ROOF RESTORATIONS in 4 Eureka ... - Localsearch](https://www.localsearch.com.au/profile/mark-squire-roof-restorations/ballarat-vic-3353/MPp0)www.localsearch.com.au
3[Mark Squire Roof Restorations - Roofers in Ballarat East, 33](https://servicetasker.com.au/business/mark-squire-roof-restorations)servicetasker.com.au
4[30 Best Local Roof Cleaning in Ballarat Central, VIC 3350 \](https://www.whereis.com/ballarat-central-vic-3350/roof-cleaning)www.whereis.com
5[Ballarat Roof Restoration \Repair, Repointing, Gutters, Pa](https://localroofrestoration.com.au/services/ballarat-vic-3350/)localroofrestoration.com.au

12. Per-page section-by-section design (Phase E3 · LLM-designed)

13 pages · 87 total sections · generated via locked combo per lab run.

Page · / 🤖 claude:claude-sonnet-4-5

Section 1 · hero — Ballarat Roof Restoration & Repair

Section 2 · trust-strip — Local Ballarat Roofer

Section 3 · services — Roof Services in Ballarat

Section 4 · about — How the Roof Restoration Works

Section 5 · gallery — Recent Ballarat Roof Jobs

Section 6 · about — Servicing All Ballarat Suburbs

Section 7 · cta — Get Your Free Roof Inspection

Page · /roof-restoration 🤖 claude:claude-sonnet-4-5

Section 1 · hero — Roof Restoration in Ballarat

Section 2 · services — What's Included in a Full Restoration

Section 3 · about — Signs Your Roof Needs Restoring

Section 4 · about — Built for Ballarat Weather

Section 5 · services — Tile, Metal, and Colorbond Restorations

Section 6 · contact — Free Inspection and Written Quote

Section 7 · cta — Restore Your Roof This Month

Page · /roof-repair 🤖 claude:claude-sonnet-4-5

Section 1 · hero — Roof Leaking? We Fix It Fast

Section 2 · services — Repairs We Handle

Section 3 · about — Emergency Repairs Available

Section 4 · faq — Repair or Full Restoration?

Section 5 · about — 20+ Years on Ballarat Roofs

Section 6 · contact — Covering Ballarat and Surrounds

Page · /gutter-replacement 🤖 claude:claude-sonnet-4-5

Section 1 · hero — Colorbond & Zincalume Gutter Replacement — Ballarat

Section 2 · services — When to Replace Your Gutters

Section 3 · services — Colorbond vs Zincalume — What Suits Your Roof

Section 4 · about — How We Replace Your Gutters

Section 5 · about — Ballarat Gutter Specialists

Section 6 · faq — Gutter Replacement Questions

Section 7 · cta — Book Your Gutter Replacement Quote

Page · /gutter-guard 🤖 claude:claude-sonnet-4-5

Section 1 · hero — Gutter Guard Installation Ballarat

Section 2 · trust-strip

Section 3 · services — Gutter Guard Options

Section 4 · about — Why Ballarat Homes Need Gutter Guard

Section 5 · services — How We Install

Section 6 · services — Gutters & Roof Work

Section 7 · cta — Book Your Free Gutter Guard Quote

Page · /metal-roofing 🤖 claude:claude-sonnet-4-5

Section 1 · hero — Metal Roofing Installation in Ballarat

Section 2 · services — Colorbond and Zincalume Options

Section 3 · about — How We Install Metal Roofs

Section 4 · services — Metal vs Tile: What's Right for Your Property

Section 5 · services — Metal Roof Repairs and Partial Replacement

Section 6 · about — Serving Ballarat and Surrounding Areas

Section 7 · cta — Get a Metal Roofing Quote Today

Page · /roofer-ballarat 🤖 claude:claude-sonnet-4-5

Section 1 · hero — Ballarat Roof Repairs & Restoration

Section 2 · services — Roof Services in Ballarat

Section 3 · about — Why Ballarat Homeowners Call Mark Squire

Section 4 · faq — Common Roof Problems in Ballarat

Section 5 · services — How the Roof Restoration Process Works

Section 6 · gallery — Recent Ballarat Projects

Section 7 · cta — Book a Roof Inspection in Ballarat

Page · /roofer-ballarat-cbd 🤖 claude:claude-sonnet-4-5

Section 1 · hero — Roof Repairs & Restoration in Ballarat CBD

Section 2 · services — What We Do in Ballarat CBD

Section 3 · about — Covering Ballarat CBD & Surrounds

Section 4 · about — Why Ballarat Roofs Need Regular Maintenance

Section 5 · services — Add Gutter Guard While We're Up There

Section 6 · contact — Book a Roof Inspection in Ballarat CBD

Page · /roofer-ballarat-northside 🤖 claude:claude-sonnet-4-5

Section 1 · hero — Ballarat Northside Roof Repairs & Restoration

Section 2 · services — Roof Services for Northside Ballarat

Section 3 · about — Northside Suburbs We Cover

Section 4 · about — How Roof Restoration Works

Section 5 · services — Gutter Guard Installation

Section 6 · faq — Common Questions

Section 7 · cta — Book Your Ballarat Roof Inspection

Page · /roofer-ballarat-southside 🤖 claude:claude-sonnet-4-5

Section 1 · hero — Ballarat Southside Roof Restoration & Repair

Section 2 · services — Roof Services for Southside Ballarat

Section 3 · about — Local to Ballarat's South

Section 4 · services — Terracotta, Concrete & Metal Roofs

Section 5 · services — Gutter Replacement & Guards

Section 6 · contact — Book Your Ballarat Southside Roof Inspection

Page · /about 🤖 claude:claude-sonnet-4-5

Section 1 · hero — Mark Squire Roof Restorations — Ballarat

Section 2 · about — How We Work

Section 3 · about — Ballarat Roofs — Built to Last

Section 4 · services — What We Do

Section 5 · trust-strip — Warranty and Workmanship

Section 6 · contact — Get in Touch

Page · /reviews 🤖 claude:claude-sonnet-4-5

Section 1 · hero — Real Feedback from Ballarat Homeowners

Section 2 · testimonials — What Ballarat Clients Say

Section 3 · trust-strip — Verified Google Reviews

Section 4 · about — What Clients Mention Most Often

Section 5 · services — Jobs Clients Have Reviewed

Section 6 · cta — Recently Had Work Done?

Section 7 · contact — Book a Roof Inspection

Page · /contact 🤖 claude:claude-sonnet-4-5

Section 1 · hero — Get a Free Roof Inspection in Ballarat

Section 2 · contact — Send a Message

Section 3 · about — Covering Ballarat and Surrounds

Section 4 · about — What Happens After You Call

Section 5 · services — Emergency Roof Repairs Available

Section 6 · contact — When to Call

Section 7 · cta — Ready to Fix Your Roof?

13. Header + Nav design (Phase E4) 🤖 claude:claude-sonnet-4-5

Nav items:

LabelSlugType
Servicesnulldropdown
Areasnulldropdown
Reviews/reviewslink
About/aboutlink
Contact/contactlink
Fixes: no-above-fold-cta, hidden-phone, low-mobile-conversion

_Rationale: Phone always visible desktop+mobile. Brass CTA matches brand. Bottom-fixed mobile bar solves scroll-away phone problem._

14. Footer design (Phase E5) 🤖 claude:claude-haiku-4-5

Columns:

_Services_

_Service Areas_

_Company_

Contact block: phone-tel=true · address=true · map=true · email=false · social=facebook

Trust strip: Licensed Roofer · Workmanship Warranty · Local Ballarat Service

Legal: © 2026 Mark Squire Roof Restorations · [object Object] · [object Object]

_Rationale: Dark background anchors professional trust; contact block leads with phone (primary conversion point); service areas nested under one column to reduce scroll; trust strip emphasizes licensing and warranty without ABN (unavailable); stacked mobile layout matches local business footer norms._

15. CTA system (Phase E6) 🤖 claude:claude-sonnet-4-5

PRIMARY · Call 0400 058 842

SECONDARY · Get a Free Quote

TERTIARY · View Our Work

A/B copy variants:

_Rationale: Ballarat roofer needs instant phone conversion (tradies book via call, not forms). Primary CTA is always click-to-call with brand-accent gold that stands out against any background. Secondary quote form captures after-hours leads. Tertiary portfolio link builds trust without friction. Gold accent (#C68C3F) is assertive but not aggressive—premium but accessible for local homeowners._

8. Build instructions (designer / OD agent / operator)

1. LOCKED facts: every value in §1 must appear verbatim somewhere on the new site. 2. Brand kit: use logo + colors + fonts from §2. Do not invent palette. Do not invert V/R color in logo mark. 3. Real services: use §3a verbatim where ✓ verified:scraped · may polish where 🤖 ai-completed · must caveat or replace where ⚠ niche-typical. 4. About narrative: use §3b as-is (preserves verified facts). Don't rewrite paragraphs marked verified:scraped. 5. Hero: pick recommended candidate from §3c or another with stated rationale. 6. Pages: build the 13 pages from §4 in order. Use real long-tail slugs (verified:scraped:sitemap) — don't change to compass directions. 7. Images: use customer's own from §5 buckets per page-binding. Only fall back to template stock when no real image fits. 8. Audit fix-through: each issue in §6 must visibly improve in the corresponding target page (§6a). 9. Provenance: do NOT show provenance labels on customer-facing site. They're internal only.

9. Provenance summary

Total tracked fields: 21

Phase B run (2026-05-17T01:03:02.536Z): ```json { "B1": { "ok": false, "reason": "no pages and no homepage md" }, "B2": { "ok": false, "reason": "no scraped content available" }, "B5": { "ok": false, "reason": "no manifest" }, "B3": { "ok": true, "count": 3, "latency_ms": 14054 }, "B6": { "ok": false, "reason": "missing prerequisites" } } ```

--- _Generated by core/handoff/build-design-handoff-doc.js · per SOP-3 §3.2_ _Re-generate after re-running pl:enrich-handoff -- --slug mark-squire-roof-restorations_