Skip to content

Landing-Page Hero Archetypes: Three Reusable Patterns Matched to Awareness and Depth

Landing-Page Hero Archetypes

TL;DR: A landing-page hero has one job that an ad doesn’t: it must earn the scroll. Three reusable hero archetypes from real B2B collateral builds — tension-triad (stacked pain lines → resolution tease → open loop), number-anchor (a specific stat carries the hook), and honest-scope-upfront (a qualification box that filters wrong-fit visitors before they read on). Pick by audience awareness level × page depth × how much scroll-force the hero must generate. The single most load-bearing rule: a hero that fully summarizes your mechanism closes the curiosity loop in place — the visitor “gets it” and bounces without depth.

Why ad archetypes don’t transfer to heroes

The wiki’s glossary/framing-archetype and glossary/focal-hierarchy frameworks codify how to stage a product in an ad creative — a single frame competing in a feed. A landing-page hero is a different machine:

  • An ad must stop a scroll. A hero must start one.
  • An ad delivers its payload in the frame. A hero’s payload is mostly below it — the hero’s job is to make the visitor believe the rest of the page is worth the scroll.
  • Ad archetypes are visual staging decisions. Hero archetypes are argument-structure decisions.

The empirical backdrop: Nielsen Norman Group’s eyetracking work finds ~57% of viewing time happens above the fold and 74% within the first two screenfuls — and users scroll past the fold only when what’s above it convinces them the rest will pay off. That’s glossary/information-foraging applied to a single page: the hero is the scent patch.

The selection variables

Three variables decide which archetype fits:

VariableWhat it meansWhere it comes from
Awareness levelWhere the visitor sits on Schwartz’s five stages (problem-aware? solution-aware? product-aware?)glossary/awareness-levels
Page depthHow much attention the context affords. A booth-QR scan or cold-link click is shallow (seconds); a referred warm visit is deepContext of arrival
Scroll-forceHow hard the hero must work to generate continued reading — shallow contexts need maximum scroll-forceThe hero’s actual job

At shallow depth (trade-show QR codes, cold outbound links), scroll-force trumps argument completeness. This was the hard-won lesson of the builds these archetypes come from: the first-pass hero included a tidy mechanism summary, rationalized as “solution-aware visitors deserve the mechanism” (a Stage-3 awareness argument). It read well and killed the page — the summary answered the visitor’s question in place, so there was no reason to scroll. Completeness is a virtue of pages, not of heroes.

Archetype 1: Tension-triad

Structure: three stacked pain lines (the triad) → a lead paragraph that resolves the tension directionally → an open-loop close (“we’ve already built it”) that defers the mechanism to the body sections.

Mechanism: this is a curiosity-gap machine. George Loewenstein’s information-gap theory (Psychological Bulletin, 1994) holds that curiosity arises when attention focuses on a gap in one’s knowledge — and motivates closing it. The triad opens the gap; the open-loop close deliberately leaves it open across the fold. It’s Problem–Agitate–Solution with the S withheld — the classic open-loop move, here doing scroll duty instead of read-on duty.

When it fits: problem-aware to solution-aware audiences at shallow depth — the visitor recognizes the pains instantly (the triad does the glossary/rumpelstiltskin-effect work of naming them) but doesn’t yet know your mechanism.

Failure mode to avoid: putting a mechanism summary or feature strip in the hero “for completeness.” The mechanism reveals belong to the body. A hero that explains the how closes the loop in place.

Detail that mattered in practice: when the page serves multiple verticals, the third pain line should lead through the resolution shape (“organic teams burn out”) rather than a vertical-specific platform rule — pain lines need to land for every reader in the audience union.

Archetype 2: Number-anchor

Structure: a specific number does the hook — in the headline or as the dominant hero element. The supporting copy frames what the number means for the visitor.

Mechanism: the stat carries the scent. In information-foraging terms, a specific number is a high-density information cue — it signals that the page beneath holds concrete, verifiable substance rather than positioning language. Headline-specificity doctrine is old (Caples/Ogilvy “specifics beat generalities”); the one named study, Conductor 2013, found number-led headlines the most-preferred headline type (36% of readers, 15 points above second place — a preference survey, not a CTR test; treat accordingly).

When it fits: metric-driven positioning, solution-aware or product-aware audiences who can evaluate the number, and offers where one number genuinely is the story. A weak or unverifiable number inverts the effect — the stat carries the scent, so a hollow stat signals a hollow page.

Archetype 3: Honest-scope-upfront

Structure: the hero makes the offer, and a scope box directly under it says who this is for — and who it is not for — before the visitor reads anything else.

Mechanism: glossary/honest-assessment applied at the hero level. The industry names the strategy negative/exclusionary personas (HubSpot’s term) and the copy pattern disqualification copy; the hero-adjacent scope box as a placement pattern is largely uncodified. Deliberate disqualification trades raw lead volume for lead quality — the positioning literature (Dunford, Enns) argues the trade qualitatively; no published A/B data exists, so treat the quantified upside as doctrine, not measurement.

When it fits: offers with a sharp fit boundary (vertical-specific services, minimum-scale requirements) where a wrong-fit lead costs real sales time. At full strength it runs as a three-layer pattern: scope box in the hero → “where this works / where it doesn’t” in the proof section → first item in a “what we’re not” section.

Why it’s a hero archetype and not just a section: placed under the hero, the scope box changes how everything below reads. Right-fit visitors read on with raised trust (“they’re honest about boundaries”); wrong-fit visitors leave before costing anyone time. The call becomes the filter only if the page didn’t already do the filtering.

Companion patterns

Two adjacent patterns recur with these archetypes (lower observation counts — flagged honestly):

Discovery-led CTA at every depth (N=2). Lead with discovery, not demo: “book a scoping call,” “fit check first” — the demo/pilot is the reward when fit holds, not the front door. Direction is corroborated by the B2B low-commitment-CTA discourse (the widely-cited PartnerStack “Book a Demo”→“Get Started” change, +111% — a single-company before/after, not a controlled test; and practitioner consensus that demo CTAs underperform at early depth). The depth-matched CTA ladder as a framework appears uncodified.

Section kickers name the visitor’s benefit, not the salesperson’s role (N=1). “Easy start” beats “Proof” as a section label: names describing what the visitor gets read as guidance; names describing what the seller is doing (prove, demonstrate, show) read as marketing. One observation — watch for recurrence before leaning on it.

Archetype × situation map

Tension-triadNumber-anchorHonest-scope-upfront
Awareness fitProblem→solution-awareSolution→product-awareAny, with sharp fit boundary
Depth fitShallow (max scroll-force)Shallow-to-midMid (visitor will read the box)
Hero withholdsThe mechanismEverything but the numberNothing — it discloses scope
Main riskPain lines that miss → no tensionHollow/unverifiable statOver-filtering a broad offer

These compose: a tension-triad hero can sit above a scope box; a number can be the second line of a triad.

Honest limits

  • These come from one six-page B2B collateral arc (trade-show booth context, iGaming-sector services) plus pattern-matches against earlier landings. Tension-triad and honest-scope-upfront are well-exercised; number-anchor is the least-iterated of the three (seed observation).
  • No controlled tests behind the archetypes themselves. The named prior art (curiosity-gap theory, information scent, negative personas, Schwartz staging) is solid; the triad structure and the hero-adjacent scope box are our codification on top of it.
  • The “mechanism summary kills scroll” rule is an N=1-diagnosed, pattern-corroborated observation, not a measured effect.

Key Takeaways

  • A hero’s job is to earn the scroll, not to summarize the page — a complete hero is a closed curiosity loop, and closed loops bounce.
  • Pick the archetype by awareness level × page depth × required scroll-force; at booth-QR depth, scroll-force trumps argument completeness.
  • Tension-triad withholds the mechanism; number-anchor stakes everything on a verifiable stat; honest-scope-upfront spends hero space filtering wrong-fit visitors — a deliberate volume-for-quality trade.
  • Lead with discovery CTAs at every depth; the demo is the reward when fit holds, not the front door.
  • These are landing-page argument structures, not ad staging patterns — they complement, not replace, the ad-creative archetypes.

Sources