House of RunganoWebsite Structure — the sections, in order, with the format for each
Optional Announcement — one timely line, an offer, a launch, or a notice ×
LogoTagline
[Primary Offer] [Secondary Offer] Why [Brand] About TeamContact Blog & News Community Free CommunityResource Library OptGuides OptEvents Opt Primary action
01 — Hero
Eyebrow
For [Ideal Client]
H1 · Value proposition

[Transformation] for [Ideal Client] with [Offer]

The value proposition, shortened and value-led — leads with the outcome. Carries one keyword always, two maximum; the offer is the fallback slot for the second. Verb dropped unless the outcome needs one. [Brand] never appears here.
Subheadline · Positioning statement

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

The positioning statement, doing the explaining beneath the H1. Also becomes the meta description. The competitor clause ("Unlike [Competitor]...") stays in the engine and is never printed here.
Primary CTA · [Action] + [Offer]
[Action] + [Offer]
Hero image — one strong visual, no second button inside it
Tagline — featured here, plus header & footer

[Tagline]

02 — Lead magnet & community
Lead magnet · genuinely useful

Download our [Lead magnet]

[One line making the value explicit — what they get and why it helps]
Email addressDownload
Community Optional

Join to access [Community / VIP / Resources] for [Transformation]

[The low-commitment reason to join before buying]
Join freeJoin
Led by a genuinely helpful lead magnet, so the early ask is a gift, not a gate. It gives before it asks, and captures contacts early. Repeated as a slim bar later for any additional magnets.
03 — Trust bar
Format · a trust line above [logos / partners / accreditations]
[Brand Name] is trusted
logologologologologologo
Quiet proof, straight after the promise, to lower the guard before anything is asked. Partners, accreditations and client logos all sit here.
04 — 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]

The header states the thesis once — problem, difference, outcome. The rows prove it, each pain against why the usual approach falls short. No competitor named; the differentiator sits in the header, not the rows. Rows ← Customer pain points + the opportunity gap.
05 — Solution & value
H2 · Section headline

The [Category] that delivers [Transformation]

H4 · Sub-headline (optional)

What [Transformation] means for [Ideal Client]

H3 · Key benefit

[Corrective action] so you [customer need]

H3 · Why us

[Unique value proposition]

06 — How it works
H2 · Section headline

[Offer] for [Transformation] in three steps

H4 · Sub-headline (optional)

[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.
07 — 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]
08 — Offer & pricing Optional
H2 · Section headline

[Offer], [price or terms]

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

Before you [Action]

H4 · Sub-headline (optional)

Everything to know before you [Action]

The [cost] question
The [time / effort] question
The [is-this-right-for-me] question
Straight after the offer, where objections peak. Answers plainly, and includes the risk reversal — a guarantee, a free first step, a no-obligation call. On secondary pages this FAQ is built from the real questions people searched for that page's keyword.
10 — Useful content
H2 · Section headline (follows the blog nav label)

Blog & News

H4 · Sub-headline (optional)

[Topic] worth your time

Latest post · pulled from the blog

[Post title]

Latest post · pulled from the blog

[Post title]

Latest post · pulled from the blog

[Post title]

Repeat capture — shows only when there's more than one lead magnet
[Lead magnet description] Download [Lead magnet description] Download [Lead magnet description] Download
11 — Final CTA
H2 · Closing statement (the mission, turned outward)

[Mission, as an invitation to you]

[Action] + [Offer]
Section 01

Hero

H1 · the rule
[Transformation] for [Ideal Client] with [Offer]

The value proposition, shortened and value-led. It leads with the outcome, not a topic label, because stating the value is the headline's first job. Verb like "achieve" dropped unless the outcome needs it. [Brand] never appears — that's the logo's job.

It pairs with the title tag, the line shown in search results, written for the click.

Keywords

Build the H1 around the researched term, never blind-swap. One keyword always, two maximum — and only when both are genuinely central, as one natural phrase ("therapy for pregnancy loss"). If the second won't sit in the transformation, it goes in the offer instead. Never force a third; readability always wins.

Built from
H1Transformation + Offer, keyword-led
EyebrowIdeal client
SubheadlinePositioning statement (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
Section 03

Trust bar

Format
Label + [logos / credentials / one number]

Shown, not shouted. Three to six marks.

Built from
ProofAccreditations & partnerships
Section 04

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
Section 05

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

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
Section 06

How it works

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

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
Section 07

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
Section 09

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
Section 08 · 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
Section 02

Lead magnet & community

Formats
Lead magnet · Download our [Lead magnet]
Community · Join to access [Community / VIP / Resources] for [Transformation]
Why it's here early

Led by a genuinely helpful magnet, so the early ask is a gift, not a gate — it gives before it asks, and captures contacts before price can lose them. Community or VIP when belonging is the draw, Resources when it's content-led.

Repeat bar

The slim bar later mirrors this format — each additional magnet as its description plus a download button. It shows only when there's more than one magnet; a single magnet already lives here.

Built from
MagnetLead magnet field(s)
CommunityThe offer model + transformation
Section 10

Useful content

Title & cards
H2 · the blog nav label (default "Blog & News")
Cards · latest 3 posts, newest first, real title + image
Rule

The heading follows whatever the blog nav item is named, so page and menu match. Cards pull live from the blog. No blog or no posts yet — the section hides rather than show empty or fake cards.

Built from
TitleThe blog nav label
CardsExisting blog URL — latest posts
Persistent

The tagline

What it is

The enduring brand line. It doesn't change per page and isn't there to get found. It's identity.

Where it shows

Beside the logo, in the footer, and one featured moment like this. Brands like theirs shown — just never in the H1's place.

Built from
TaglineThe tagline field
Section 12

Footer

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