House of RunganoWebsite Structure — Service / Offer page · the money page — one offer, one primary keyword, nine sections
Optional Announcement — one timely line, an offer, a launch, or a notice ×
LogoTagline
[Primary Offer] [Secondary Offer] Why [Brand] About TeamContact Blog & News [Community] Join [Community]Resource Library OptGuides OptEvents OptMembership Opt Primary action
01 — Page hero
Eyebrow
For [Ideal Client]
H1 · Value proposition (this page's keyword)

[Transformation] for [Ideal Client] with [This offer]

On an interior page the H1 is the value proposition for this one offer, led by this page's own keyword — not the brand-level H1. Same rule: one keyword always, two maximum, the offer as the fallback slot. Split-screen hero, matching Community and Membership: an offer page has a persuasion job, so it earns the full hero — the thin banner is reserved for utility pages with nothing to sell.
Subheadline · Positioning for this offer

For [Ideal Client] who struggle with [Problem], [This offer] is the [Category] that delivers [Transformation]

Primary CTA · [Action] + [Offer]
[Action] + [Offer]
Offer image — full-height half, top to bottom, edge to edge
02 — Problem & stakes
H2 · Section headline (shortened Core Message)

[Problem] with [Differentiator] ensuring [Transformation]

Pain

[Pain point]

Why the usual approach falls short

[Why the usual approach falls short]

Pain

[Pain point]

Why the usual approach falls short

[Why the usual approach falls short]

Pain

[Pain point]

Why the usual approach falls short

[Why the usual approach falls short]

Scoped to the specific pain this offer solves. Same comparison as home — pain against why the usual approach falls short, differentiator in the header only, no competitor named. The skeleton repeats across pages; the sentences never do — written fresh around this page’s keyword.
03 — Solution & value
H2 · Section headline

The [Category] that delivers [Transformation]

H4 · Sub-headline

What [Transformation] means for [Ideal Client]

H3 · Key benefit

[Corrective action] so you [customer need]

H3 · Why us

[Unique value proposition]

Same skeleton as Why [Brand] and the homepage, never the same sentences — this copy is written fresh around this offer’s own keyword.
04 — How it works
H2 · Section headline

[Offer] for [Transformation] in three steps

H4 · Sub-headline

[Value] and [Value] at every step

1
H3 · Step

[Verb] [what]

One line explaining the step.
2
H3 · Step

[Verb] [what]

One line explaining the step.
3
H3 · Step

[Verb] [what]

One line explaining the step.
05 — Proof
Proof lead · Testimonial when available

[Specific result], in the client's words

[Name] · [context that makes it land]
Or · Founder message when no testimonials yet

[Why I built this], in the founder's words

[Founder] · Founder
Evidence
[Number]
[what it measures]
[Number]
[what it measures]
[Number]
[what it measures]
[Number]
[what it measures]
06 — Offer & pricing Optional
H2 · Section headline

[Offer], [price or terms]

[Price or offer]
[What's included]
[What's included]
[What's included]
07 — Objections & FAQ
H2 · Section headline

Before you [Action]

H4 · Sub-headline

Everything to know before you [Action]

[Real question people searched for this keyword]
[Real question people searched for this keyword]
[Real question people searched for this keyword]
[Real question people searched for this keyword]
The interior-page difference: these are the real questions people searched for this page's keyword, not the homepage's pain-derived set. It targets long-tail search and answers the exact intent that brought them here.
08 — Related content
H2 · Section headline

More on [This topic]

H4 · Sub-headline

[Topic] worth your time

Related page · internal link

[Sibling page / post]

Related page · internal link

[Sibling page / post]

Related page · internal link

[Sibling page / post]

Internal links to sibling pages tied to this keyword — this is where the page spreads authority across the site and keeps readers moving to the next relevant page.
Supporting magnets · style V2, the slim strip Optional · topic-matched to this page
[Lead magnet description] Download [Lead magnet description] Download [Lead magnet description] Download
09 — Final CTA
H2 · Closing invitation · Join [Brand] to [Mission outcome]

Join [Brand] to [Mission outcome]

Format · Join [Brand] to [Mission outcome]. The close restates the mission as an invitation rather than a demand — a mission “to help young people find their voice” becomes “Join [Brand] to find your voice” — with the joining verb tuned to the brand’s voice. The button repeats the page’s one action, so the close asks nothing new.
[Action] + [Offer]
Secondary · Section 01

Breadcrumb & page hero

What makes it a secondary page

An interior page reuses the homepage blocks but sells one thing and targets one keyword. Where the homepage H1 is the brand's value proposition, this H1 is the value proposition for this single offer, led by this page's own keyword.

Breadcrumb
Home › [This page]

Orientation plus an internal link back — both help search understand the site's shape.

One page, one primary keyword — supported by its cluster

The primary keyword maps to four places at once: the title tag, this H1, the URL slug, and the meta description (which is the subheadline). Secondary and supporting terms are carried by the H2s, H4s, H3s, the searched-question FAQ and the body. No two pages compete for the same primary — that is what lets each offer page rank for its own term.

H1 rule

Same as home — build around the term, one keyword always, two maximum, the offer as the fallback slot. Never force a third; readability wins.

Built from
H1Transformation + this offer, keyword-led
SubheadlinePositioning for this offer (also the meta)
CTAHow the client accesses the service
Persistent

Header, nav & tagline

Navigation

Five to seven items. About and Community open dropdowns. Community’s Resource Library, Guides and Events are sections of the Community page — the dropdown jumps straight to them — and show only when the client has that content. Hiring and shop live on external platforms (ATS, storefront) linked from the footer. Lower-intent links go to the footer, not the bar.

Logo & tagline

Logo top-left with the enduring tagline beneath it. The tagline is never the H1 — the H1 is page-specific, the tagline is not.

CTA colour

One colour, used only on CTA buttons so it always signals "action". It must contrast strongly with the page and stand out — ideally a colour used nowhere else on the site. Warm, high-contrast hues (orange, green, a confident blue) tend to convert best, but the exact hue matters less than that it pops, stays consistent, and passes contrast for legibility.

Optional add-ons

Switched on by the client's model, not shown in the bar by default:

ShopEcommerce only
Find a ServiceNational providers — a CTA, or a nav dropdown when multi-location
Work With UsService providers — usually a CTA
Secondary · Section 02

Problem & stakes

H2 format (shortened Core Message)
[Problem] with [Differentiator] ensuring [Transformation]
Rule

The header states the thesis once — problem, difference, outcome. Underneath, one row per pain: the pain against why the usual approach falls short. No competitor named — the contrast is with the common approach, not a rival. The differentiator sits in the header, not repeated in the rows.

Built from
PainsCustomer pain points (up to 3)
ShortfallThe opportunity gap in "how you resolve the pain points"
HeaderCore Message tokens
Secondary · Section 03

Solution & value

H2 format
The [Category] that delivers [Transformation]

Leads with the category keyword; drops [Brand] so it doesn't repeat the hero.

H4 & H3 formats
H4 · What [Transformation] means for [Ideal Client]
H3 · [Corrective action] so you [customer need]
H3 · [Unique value proposition]
H4 rule

Standard, not optional. Expands the outcome for the client in one line — the transformation in plain terms.

Built from
BenefitResolution triple — corrective action + need (the gap stays with 04)
Why-usUnique value proposition
HeadlineCategory + Transformation
Secondary · Section 04

How it works

Formats
H2 · [Offer] for [Transformation] in three steps
H4 · [Value] and [Value] at every step
H3 · [Verb] [what]
H4 rule

Standard, not optional. Delivers the values as felt experience ("you'll feel X"), not described ("we believe X") — the About page holds the described version.

Built from
StepsHow the client accesses the service
ExperienceBrand values + tone
Secondary · Section 05

Proof

Formats
Testimonial · [Specific result], in the client's words
Or, founder message · [Why I built this], in the founder's words
Stat · [Number] + [what it measures]
Conditional rule

Lead with the client testimonial when they exist. When there are none yet — a new business — replace it with a short founder message, which earns trust through authenticity instead of social proof. As testimonials arrive, the section upgrades itself.

Built from
TestimonialClient testimonials (when available)
FounderMission, vision, tone (fallback)
StatsAccreditations, partnerships, metrics
Secondary · Section 07

Objections & FAQ

Format
Before you [Action]

Fallback "Questions, answered" on pages with no single action.

Rule

Meets them at the hesitation point, right after the offer. If the client gives an FAQ link, their real questions are the source of truth and Brandi only fills gaps; with no link, Brandi generates from pain points and offer terms. On secondary pages the questions are the real ones people searched for that page's keyword. Include a risk reversal — a guarantee, a free first step, a no-obligation call.

Built from
QuestionsExisting FAQ link if provided, else pain points + offer terms
SecondarySearched questions for the page keyword
Secondary · Section 06 · optional

Offer & pricing

Format
[Offer], [price or terms]
Rule

Centered on the page. Include when showing price builds trust — inline when simple, its own page when tiered.

Built from
OfferPricing / offer fields
Slim strip · optional

Supporting magnets

Rule

Style V2 of the two site-wide capture styles: supporting magnets as description-plus-download chips, topic-matched to this page. Shows only when supporting magnets exist — the main magnet uses style V1, the card, on the capture pages.

Built from
MagnetsSupporting lead magnet fields
Section 12

Footer

The forms — a site-wide rule

Every form on the site — the newsletter here, every magnet download, the contact form, the community join — is the Brandi platform’s CRM capture form, embedded and styled to the design system. Every submission lands in the CRM tagged with its source and enters its named sequence. Never a mailto link, never a third-party form.

Baseline line
© [Year] [Brand] · [Address] · [Contact]
Address & local search

Consistent name, address and phone across the web is what local search scores. When a brand won't publish a street address, the footer carries city or region only, and the full details live on the Contact page with local business schema and a Google Business Profile. The signal is kept; the street address is not forced into the footer.

Sensitive fields

In care, health or youth sectors, a care or crisis resource in the footer is required, not optional.

Built from
DescriptorElevator pitch
AddressLocations
ContactBusiness phone / email
LabelsFixed nav — never keyworded
Optional · live chat Chat with us
Sticky mobile CTA · optional Primary action ?
On phones, the one primary action stays pinned as the visitor scrolls. Switched on where mobile traffic and a single clear action make it worthwhile.
Social rail · from the Socials field Instagram Facebook LinkedIn YouTube