page-foundry 2.9.1 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +82 -25
- package/package.json +1 -1
- package/skills/page-foundry/README.md +3 -3
- package/skills/page-foundry/SKILL.md +227 -59
- package/skills/page-foundry/TESTS.md +57 -2
- package/skills/page-foundry/assets/brief-template.md +15 -1
- package/skills/page-foundry/references/archetypes.md +552 -105
- package/skills/page-foundry/references/conversion-rules.md +2 -2
- package/skills/page-foundry/references/design-direction.md +50 -5
- package/skills/page-foundry/references/handoff.md +208 -34
- package/skills/page-foundry/references/ship-gates.md +115 -27
- package/skills/page-foundry/references/voice.md +6 -1
- package/skills/page-foundry/scripts/run_audit.py +1162 -0
- package/skills/page-foundry/scripts/voice_scan.py +46 -0
- package/skills/page-foundry/tests/build_fixture.sh +214 -0
- package/skills/page-foundry/tests/run_audit_test.sh +92 -0
|
@@ -1,27 +1,96 @@
|
|
|
1
1
|
# Page Archetypes
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
An archetype is a conversion contract, not a template. It fixes what the page must accomplish for its buyer: the goal, the jobs, the proof, the CTA policy, and the constraints any legal section order must satisfy. It does not fix where sections sit. Section order is computed fresh for every page from the Phase 1 objection map, inside the ordering constraints below; two pages honoring the same contract should differ in structure whenever their buyers differ. The page spec records which order the objection map produced and why, so the gates audit constraints, not slot positions.
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## The contract schema
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
Every archetype in this file is written as six blocks:
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
1. **Goal.** The single conversion the page type exists for.
|
|
10
|
+
2. **Buyer entry states.** The awareness and temperature states this page must serve, keyed to the Phase 1 brief. This input generates section order.
|
|
11
|
+
3. **Jobs the page must do.** Obligations without positions. Every job appears on the page; no job owns a slot. A skipped job is a spec defect, not a style choice.
|
|
12
|
+
4. **Proof requirements.** The proof types the goal demands, with placement constraints.
|
|
13
|
+
5. **CTA policy.** The primary action, repetition rules, navigation policy, and form budget. Default for every contract: one primary CTA per page, the same action every time it appears, never competing; secondary actions stay visually quiet (text links, ghost buttons; conversion rule 3).
|
|
14
|
+
6. **Ordering constraints.** Archetype-specific additions to the shared invariants below. Any order satisfying the full set is legal; the objection map chooses among legal orders.
|
|
10
15
|
|
|
11
|
-
|
|
16
|
+
## Shared ordering constraints
|
|
17
|
+
|
|
18
|
+
These ten bind every page this skill builds. A contract's own Ordering constraints block adds to the set; nothing subtracts from it. Rule numbers cite `references/conversion-rules.md`, which holds the evidence.
|
|
19
|
+
|
|
20
|
+
1. The hero comes first and passes the 5-second test: what it is, who it is for, what to do next, readable in five seconds by someone who has never heard of the product (rule 1).
|
|
21
|
+
2. Proof sits beside the claim it supports, and every CTA instance has a proof element within one viewport (rule 4).
|
|
22
|
+
3. The heaviest proof on the page sits immediately before the ask.
|
|
23
|
+
4. The mechanism is established before the price is asked.
|
|
24
|
+
5. Risk reversal lands at the moment of commitment, not before it.
|
|
25
|
+
6. Objections are answered where they arise; an FAQ collects the leftovers and never substitutes for answering the load-bearing objections in place (rule 11).
|
|
26
|
+
7. The mobile single-column order reaches proof before any form (rule 8).
|
|
27
|
+
8. Message match binds single-source traffic: the hero mirrors the language of the ad, post, or email that sent the reader (rule 5).
|
|
28
|
+
9. No qualified reader is disqualified before reaching a CTA (rule 10).
|
|
29
|
+
10. Sections appear in the order THIS buyer raises objections, taken from the Phase 1 objection map. Where constraints 1 through 9 leave several legal orders, the objection map decides; where the map is silent, the spec states the assumption it made.
|
|
30
|
+
|
|
31
|
+
## Composition axes
|
|
32
|
+
|
|
33
|
+
The ordering constraints say which orders are legal; the axes say what kind of page gets built inside a legal order. Four of them, each declared in the page spec with one line of reasoning. This is where two pages honoring the same contract diverge: the constraints hold the conversion discipline still while the axes move, so a hundred briefs produce a hundred settings instead of one wireframe.
|
|
34
|
+
|
|
35
|
+
**Narrative shape**: problem-led, demo-led, proof-led, or offer-led. Awareness state is the chooser. Unaware and problem-aware readers need the problem established before a mechanism or an offer can mean anything, so they get the problem-led arc. Solution-aware readers own the problem already and start at the mechanism or the demonstration. Product-aware readers get offer-led pages; walking a half-sold reader through problem agitation is dead weight they scroll past. Whatever the shape keeps of the persuasion arc appears in arc order: the arc prunes from the front and never runs backward.
|
|
36
|
+
|
|
37
|
+
**Hero form**: copy-plus-CTA, form-in-hero, product-in-hero, install-command, or social-proof-led. The 5-second test binds all five; the form decides what does the passing. The goal and the audience choose: a practitioner audience converts on the thing itself (install-command, product-in-hero), an exchange measured in attention converts on the form, a category where trust is the whole sale can open on its strongest proof. Some contracts pin this axis (newsletter-capture pins form-in-hero, oss-project pins install-command); a pinned axis is part of the contract, not a per-run choice.
|
|
38
|
+
|
|
39
|
+
**Proof strategy**: concentrated or interleaved. Concentrated gathers the heavy artifacts into a dedicated section that carries one moment of the page; interleaved rides each proof element beside the claim it supports. The shape of the proof inventory chooses: one or two heavy artifacts (a named case with numbers, a video testimonial) concentrate well, while many small pieces (quotes, counts, logos) work harder spread beside the claims they back. Shared constraints 2 and 3 bind either way: every CTA keeps proof within a viewport, and the heaviest proof still sits immediately before the ask.
|
|
40
|
+
|
|
41
|
+
**Density**: compressed or long-form. Decision weight is the chooser: what the reader risks by converting, in money, time, and switching pain. course-sales states the thresholds (roughly $200 for a focused page, $500 and up for long-form); the same gradient governs every archetype. A light decision converts on a compressed page, and padding it costs conversions; a heavy decision needs the full persuasion arc, and compressing it starves the reader of reasons at the exact moment the price asks for them.
|
|
42
|
+
|
|
43
|
+
The compiler recommends a setting per axis when it fills the contract (see below), and `foundry-log.md` moves those defaults when per-property conversion data says so. An axis setting is a structural claim about the buyer, which makes it testable: the page spec records the settings, and when conversion data arrives, the log's learnings move the next run's defaults.
|
|
44
|
+
|
|
45
|
+
## The section-shape lexicon
|
|
46
|
+
|
|
47
|
+
A job names what a section owes the reader; a shape is the form that obligation takes on the page. Phase 2 owns the choice: the compiler recommends a shape per kept job from this lexicon, and the spec sign-off confirms the set, so the copy is written to a known form instead of the form later bending to fit finished prose. Phase 4 revisits each confirmed shape with the tokens in hand and either confirms it or overrides it as a recorded decision, knowingly re-entering the voice chain for any copy the change touches. Three or more sanctioned shapes per recurring job keep a hundred pages from sharing one wireframe even when their orders agree. A shape outside this list is legal when the spec records what it is and why; whatever shape a job takes, the constraints still bind: proof adjacency, mobile order, the 5-second hero.
|
|
48
|
+
|
|
49
|
+
- **Proof**: a logo strip; a pull-quote inline beside the claim it backs; a case-study card with a name and a number; a stat wall; an artifact screenshot or screen recording (the membership feed scroll, the OSS quickstart output).
|
|
50
|
+
- **How it works / mechanism**: numbered steps, only when the order is real; an annotated screenshot; a 30-second clip; a live embed; an architecture diagram for technical readers. The diagram shape has a producer: gstack `/diagram` draws it when that command is installed, and the integrity rules read it as a technical artifact, checkable against the product's real components and flow.
|
|
51
|
+
- **Objections**: an FAQ collecting the leftovers; an inline callout beside the claim that raises the objection; a not-for list; a comparison table.
|
|
52
|
+
- **Problem**: one sentence in the buyer's words, all that aware traffic needs; a short narrative written from inside their situation; a before-and-after contrast; an itemized ledger of what staying stuck costs.
|
|
53
|
+
- **Offer and pricing**: tier cards; a single itemized offer stack with the price framed against the cost of the problem; a pricing teaser line linking the full pricing page; a comparison table against the alternatives' true cost.
|
|
54
|
+
- **Identity** (instructor, founder, writer, owner): a proof-dense bio block; the hero itself when the person is the hook; a credential line inline beside the method claim it supports; a photo-and-narrative split.
|
|
55
|
+
- **The close**: one line restating the outcome, with the button; promise plus the strongest single proof element plus the button; the form repeated with the privacy line; the primary CTA paired with a quiet lowest-friction secondary.
|
|
56
|
+
|
|
57
|
+
## The post-conversion moment
|
|
58
|
+
|
|
59
|
+
Every goal in this file drops the converted reader somewhere: a confirmation screen, a thank-you page, a checkout success, a store listing, a first run. That moment is part of the page's contract, not an afterthought. Three obligations bind every archetype:
|
|
60
|
+
|
|
61
|
+
- The page spec names what the converted reader sees next; leaving it unnamed means a platform default decides.
|
|
62
|
+
- The moment delivers something immediately: the promised artifact, the best of what they signed up for, or the first concrete step already underway.
|
|
63
|
+
- It sets expectations for what arrives when: the first issue, the onboarding email, the reply to their application.
|
|
64
|
+
|
|
65
|
+
When the next screen is a page this skill can build (a thank-you page, as opposed to a store listing or checkout flow the platform owns), build it in the same pass, to the `thank-you-post-conversion` contract below; the conversion is not done at the form.
|
|
66
|
+
|
|
67
|
+
## The 404 page
|
|
68
|
+
|
|
69
|
+
The 404 is not an archetype; it is too small to earn six blocks and too real to skip. Every property this skill ships eventually serves one, and a default server page is a dead end with the site's name on it. The page's one job is salvaging misrouted intent: say plainly that the page does not exist, in the property's own voice, and put the likeliest right destinations one click away: search when the site has it, the pages misrouted readers most often wanted (home, docs, pricing, the newest post), and a way to report the broken link when someone can act on the report. No conversion ask, and no joke so elaborate the reader must decode it before recovering. The 5-second rule holds here too: what happened, where to go. Build it in the property's first run and it never needs a second thought.
|
|
70
|
+
|
|
71
|
+
## The contract compiler
|
|
72
|
+
|
|
73
|
+
Current archetypes: `oss-project`, `saas-homepage`, `campaign-landing`, `mobile-app`, `course-sales`, `membership-community`, `newsletter-capture`, `personal-home`, `pricing-page`, `comparison-alternatives`, `docs-dev-tool-landing`, `waitlist-coming-soon`, `event-webinar`, `agency-services`, `ecommerce-product`, `changelog-launch-post`, `thank-you-post-conversion`.
|
|
74
|
+
|
|
75
|
+
The compiler turns a Phase 1 brief into a filled contract. It runs for every page, whether or not the user named an archetype: naming one skips classification, never compilation. Answer five questions from the brief (ask only for what the brief does not settle, and state every inferred answer):
|
|
76
|
+
|
|
77
|
+
1. **What is the conversion?** Install/star → oss-project. Trial/demo → saas-homepage. One-time purchase of a defined offer → campaign-landing or course-sales. Recurring subscription to people + content → membership-community. Email address for a recurring publication that exists → newsletter-capture. Email address for early access to a product that does not exist yet → waitlist-coming-soon. Store install → mobile-app. A practitioner's first successful call on a commercial developer tool → docs-dev-tool-landing. Registration against a real date → event-webinar. "Know who I am, then one action" → personal-home. Tier selection into checkout, trial, or upgrade → pricing-page. The parent product's conversion reached through switch intent from a named competitor → comparison-alternatives. A booked qualified call for a services engagement → agency-services. Add-to-cart on a product that lives in a store → ecommerce-product (the same product sold from one campaign source to one audience compiles campaign-landing; the store context, with its nav, siblings, and cart, is what selects this contract). Re-engaging existing users around a shipped release → changelog-launch-post. Activating a reader who just converted → thank-you-post-conversion, usually compiled in the parent page's pass per the post-conversion section above rather than classified from a fresh brief.
|
|
12
78
|
2. **Is the relationship one-time or ongoing?** One-time purchases sell a transformation with an endpoint (course-sales, campaign-landing). Ongoing subscriptions sell a living thing and must prove it is alive (membership-community, saas-homepage, newsletter-capture).
|
|
13
|
-
3. **Where does the traffic come from?** A single controlled source with one intent pushes toward campaign-landing
|
|
79
|
+
3. **Where does the traffic come from?** A single controlled source with one intent pushes toward campaign-landing's contract (no nav, message match binding) regardless of what is being sold. Mixed/organic traffic pushes toward homepage contracts (nav, fuller story).
|
|
80
|
+
4. **What awareness state dominates?** Unaware, problem-aware, solution-aware, or product-aware, from the brief's traffic answer. Every contract's entry-states block conditions jobs on this; the compiler keeps or strikes each awareness-conditional job accordingly and records which state it compiled for. The first three questions pick the contract; this one decides what survives inside it, and it chooses the narrative-shape axis.
|
|
81
|
+
5. **How heavy is the decision?** Price and commitment, from free install to high-ticket application. course-sales states the thresholds (roughly $200 for a focused page, $500 and up for full long-form); the same gradient governs length on every archetype. Weight chooses the density axis: how much persuasion the page carries before the ask.
|
|
82
|
+
|
|
83
|
+
**The output is a filled contract, not an archetype name.** Instantiate the matched archetype's six blocks: the goal made concrete for this product, entry states narrowed to the ones the brief says actually arrive, every awareness-conditional job marked kept or struck with one line of reasoning, proof requirements checked against the brief's real proof inventory, the CTA policy, and the full ordering-constraint set (the shared ten plus the archetype's own). Close with a recommended setting on each of the four composition axes, one line of reasoning per axis naming the input that chose it: the awareness state for narrative shape, the goal and audience for hero form (unless the contract pins it), the proof inventory for proof strategy, the decision weight for density. Then recommend a shape for every kept job from the section-shape lexicon above, one reasoning line each naming the input that chose it: the proof inventory for the proof shape, the mechanism's real order for how-it-works, the objection map's leftovers for objections, the entry state for the problem shape, the decision weight for the close. These are content calls, made from the brief before any tokens exist; Phase 4 revisits them with the tokens in hand, where changing one is a recorded override. The filled contract goes into the page spec, and the gates audit against it.
|
|
14
84
|
|
|
15
|
-
**
|
|
85
|
+
**Straddling.** A page straddling two archetypes gets a merged contract: the union of both jobs lists, the goal from the archetype matching the CONVERSION, and the strictest applicable CTA and navigation policy. A paid workshop sold from one ad campaign merges campaign-landing and course-sales: campaign-landing's goal and no-nav policy, plus the curriculum and instructor jobs. A paid newsletter merges newsletter-capture and membership-community the same way. On a multi-page property the merge waits for `site-context.md`'s split-vs-straddle ruling, because merging is right only when a second page is wrong: when the ruling is split, compile this pass's page against its own single contract and leave the other page in the site context's inventory as flagged separate work. Record the merge, or the ruling that prevented one, in the page spec so the gates audit the right constraints.
|
|
16
86
|
|
|
17
|
-
**Nothing fits.**
|
|
87
|
+
**Nothing fits.** The shared constraints plus `references/conversion-rules.md` already amount to a contract; fill the six blocks by hand, state in the spec that the page is off-archetype, and when the same hand-filled contract recurs across runs, promote it into this file using the schema above.
|
|
18
88
|
|
|
19
|
-
|
|
89
|
+
**The log moves the defaults.** Before filling anything, read `foundry-log.md` for this property (Phase 0 already loaded it). Its `conversion data` and `learnings` lines move the axis defaults the compiler would otherwise recommend: a density that underperformed at this price point stops being the default; a proof strategy that produced signups is not overridden without saying so. When the log moves a default, the filled contract names the log line that moved it; when a log exists and moves nothing, the contract says why, the same discipline the pipeline demands of Phases 1 through 3. No log means the defaults stand, and the contract says that too.
|
|
20
90
|
|
|
21
|
-
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
- Sections appear in the order a skeptical reader raises objections, not the order the builder is proud of features.
|
|
91
|
+
**Site context binds the compilation.** On a multi-page property, Phase 2 step 1 wrote `site-context.md` before this compiler ran, and the compiler reads it the way it reads the log: as an input that moves decisions before they are made. Four compiled decisions depend on it. Nav policy: what navigation exists and what it links is a site ruling the contract inherits, though a contract's own strikes still win (campaign-landing strips nav whatever the site carries). The pricing shape: the offer-and-pricing lexicon forks between a teaser line linking the full pricing page and the on-page offer stack, and the fork turns on whether that pricing page exists or ships this pass. The post-conversion moment: whether the thank-you page is buildable now is a page-inventory question, answered in the file. The straddle: the split-vs-straddle ruling in the straddling paragraph above. When the filled contract takes any of these from the file, it names the line it read, the same discipline the log paragraph demands; a single-page property compiles without the file, and the contract says so.
|
|
92
|
+
|
|
93
|
+
The log's `skeleton` lines cut the other way. Each run closes by recording the structure it shipped (job order plus axis settings), and Gate 1's anti-template check compares every new page against the property's recent ones: a repeated skeleton with conversion data behind it stands, a repeated skeleton without data gets flagged (`references/ship-gates.md`, Gate 1). Converged because it converts is fine; converged because the last run did it that way is the template trap wearing a contract's clothes.
|
|
25
94
|
|
|
26
95
|
---
|
|
27
96
|
|
|
@@ -29,41 +98,64 @@ Shared rules for every archetype:
|
|
|
29
98
|
|
|
30
99
|
For open source tools, libraries, and self-hostable software. The reader is a practitioner deciding whether to try it in the next ten minutes.
|
|
31
100
|
|
|
32
|
-
|
|
101
|
+
**Goal.** Install, star, or read the docs. Pick one as primary.
|
|
102
|
+
|
|
103
|
+
**Buyer entry states.** Almost never unaware. OSS traffic arrives solution-aware (comparing approaches to a problem it already owns) or product-aware (sent by a colleague, a thread, a mention in another project's docs). The states want different orders: solution-aware readers raise "why this over the alternatives" early, so the comparison surfaces sooner; product-aware readers arrive half-sold and want the quickstart within one scroll. Launch-day traffic from a single post is single-source, and message match binds (shared constraint 8).
|
|
104
|
+
|
|
105
|
+
**Jobs the page must do.**
|
|
106
|
+
|
|
107
|
+
- State plainly what it does and for whom. No marketing adjectives, anywhere on the page.
|
|
108
|
+
- Present the install command in a copy-button code block, with version, license, and star badges adjacent. For a practitioner audience the install command IS the CTA.
|
|
109
|
+
- Take the reader from zero to first useful output in the fewest visible steps. Real commands, real output. If the quickstart needs more than one screen, the product has an onboarding problem the page cannot fix.
|
|
110
|
+
- Show how it works: one diagram or a terse section for the reader evaluating trust and fit. For security tooling, this is where threat model and data handling live. Plain statements only.
|
|
111
|
+
- Compare honestly against the 2 or 3 alternatives the reader is already considering. Concede real tradeoffs; conceded weaknesses buy credibility for the claimed strengths.
|
|
112
|
+
- Show the project is alive: where discussion happens, how to contribute, who maintains it, release cadence. Maintenance signals are a primary trust factor for OSS adoption.
|
|
113
|
+
- Link docs, repo, license, and security policy (`SECURITY.md` if it exists) at the close.
|
|
114
|
+
|
|
115
|
+
**Proof requirements.** Stars, downloads, named adopters, "as seen in" only if real. Cut proof rather than run it thin; an empty proof strip on an OSS page reads as desperation. For OSS the strongest proof is often the product itself: a quickstart with real output carries trust the way a logo row never will, and may stand in front of any adoption numbers.
|
|
116
|
+
|
|
117
|
+
**CTA policy.** Default policy, with the install command as the primary CTA; it repeats at the close of the page. Navigation: minimal and allowed (Docs, GitHub, Community).
|
|
33
118
|
|
|
34
|
-
|
|
35
|
-
2. **Proof strip.** Stars, downloads, named adopters, "as seen in" only if real. Cut the section entirely if proof is thin; an empty proof strip on an OSS page reads as desperation.
|
|
36
|
-
3. **Quickstart.** From zero to first useful output in the fewest visible steps. Real commands, real output. If the quickstart needs more than one screen, the product has an onboarding problem the page cannot fix.
|
|
37
|
-
4. **How it works / architecture.** One diagram or terse section for the reader evaluating trust and fit. For security tooling, this is where threat model and data handling live. Plain statements only.
|
|
38
|
-
5. **Comparison.** Honest table or prose against the 2 or 3 alternatives the reader is already considering. Concede real tradeoffs; conceded weaknesses buy credibility for the claimed strengths.
|
|
39
|
-
6. **Community and contribution.** Where discussion happens, how to contribute, who maintains it, release cadence. Maintenance signals are a primary trust factor for OSS adoption.
|
|
40
|
-
7. **Footer CTA.** Repeat the install command. Link docs, repo, license, security policy (`SECURITY.md` link if it exists).
|
|
119
|
+
**Ordering constraints.** Adds to the shared set:
|
|
41
120
|
|
|
42
|
-
|
|
121
|
+
- The install command lands in the hero, not below it.
|
|
122
|
+
- For product-aware traffic, the quickstart begins within one scroll of the hero.
|
|
123
|
+
- The comparison never precedes the reader's first sight of the thing working; arguing against alternatives before demonstrating anything reads as insecurity.
|
|
124
|
+
|
|
125
|
+
Tone: terse, technical, zero hype. The brutalist/terminal aesthetic direction (see design-direction.md) is a natural fit but not mandatory.
|
|
43
126
|
|
|
44
127
|
---
|
|
45
128
|
|
|
46
129
|
## saas-homepage
|
|
47
130
|
|
|
48
|
-
For web apps and SaaS products. The homepage serves mixed intent
|
|
131
|
+
For web apps and SaaS products. The homepage serves mixed intent, so it gets navigation and a fuller story than a campaign page.
|
|
132
|
+
|
|
133
|
+
**Goal.** Trial signup, demo booking, or waitlist. Pick one as primary.
|
|
134
|
+
|
|
135
|
+
**Buyer entry states.** Cold, evaluating, and returning, all at once; a homepage is the one page type that cannot choose. Cold readers need the problem named before capabilities mean anything. Evaluating readers arrive solution-aware and scan for the mechanism, the pricing model, and their own objections. Returning readers want the CTA and whatever changed since last visit. The Phase 1 brief states which state dominates the traffic; that answer, through the objection map, decides most of the order.
|
|
136
|
+
|
|
137
|
+
**Jobs the page must do.**
|
|
138
|
+
|
|
139
|
+
- Open with an outcome-first headline within the length budget (rules 1 and 2), a subhead naming who it is for and the mechanism, and a product visual showing the actual product doing the actual thing. No abstract illustrations of people pointing at charts.
|
|
140
|
+
- Name the pain in the buyer's own words (pull phrasing from Phase 1 research). Agitate honestly, do not melodramatize, and size it to the traffic: for mostly solution-aware or product-aware readers this shrinks to a sentence.
|
|
141
|
+
- Convert capabilities to outcomes: each capability block frames outcome first, mechanism second, with a real screenshot or short clip. Include the capabilities that carry a real buying factor and stop. A bento grid works when capabilities differ in weight (see design-direction.md); a linear sequence works when they form a workflow.
|
|
142
|
+
- Kill the "this looks complicated" objection: show the path from signup to value as the sequence it genuinely is, numbered only because it truly happens in order.
|
|
143
|
+
- Disclose the pricing model at minimum: free tier, trial, starting price. Hiding pricing entirely is a known objection generator for self-serve products. Use the pricing skill if packaging is undecided.
|
|
144
|
+
- Answer the Phase 1 objection map where each objection arises: security, data handling, migration, lock-in. Real answers, not reassurance noise; the FAQ collects only the leftovers (rule 11).
|
|
145
|
+
- Close by restating the primary outcome in one line with the primary CTA, optionally paired with the lowest-friction secondary (docs, changelog).
|
|
146
|
+
|
|
147
|
+
**Proof requirements.** Two registers, both required. A fast trust signal legible to cold traffic: logos, named users, a hard number. And deep proof for the evaluating reader: one or two full testimonials with name, role, and a specific result. Specific beats voluminous; one quote with a number outranks six adjectives. The hero carries the primary CTA, so shared constraint 2 already puts a proof element within the first viewport; the objection map picks its shape and position.
|
|
49
148
|
|
|
50
|
-
|
|
149
|
+
**CTA policy.** Default policy. Navigation: yes, standard. Footer: full.
|
|
51
150
|
|
|
52
|
-
|
|
53
|
-
2. **Social proof strip.** Logos, named users, a hard number. Directly under the hero so the first scroll lands on proof.
|
|
54
|
-
3. **Problem.** Name the pain in the buyer's own words (pull phrasing from Phase 1 research). One short section; agitate honestly, do not melodramatize.
|
|
55
|
-
4. **Solution / feature storytelling.** 3 to 5 capability blocks, each framed as outcome first, mechanism second, each with a real screenshot or short clip. A bento grid works well here when capabilities differ in weight (see design-direction.md); a linear sequence works when they form a workflow.
|
|
56
|
-
5. **How it works.** Three steps, numbered only because it genuinely is a sequence. Kills the "this looks complicated" objection.
|
|
57
|
-
6. **Deep proof.** One or two full testimonials with name, role, and a specific result. Specific beats voluminous; one quote with a number outranks six adjectives.
|
|
58
|
-
7. **Pricing teaser or transparent pricing.** At minimum, the model (free tier? trial? starting price?). Hiding pricing entirely is a known objection generator for self-serve products. Use the pricing skill if packaging is undecided.
|
|
59
|
-
8. **Objections / FAQ.** Work directly from the Phase 1 objection map. Security, data handling, migration, lock-in. Real answers, not reassurance noise.
|
|
60
|
-
9. **Final CTA.** Restate the primary outcome in one line, repeat the primary CTA, optionally pair with the lowest-friction secondary (docs, changelog).
|
|
151
|
+
**Ordering constraints.** Adds to the shared set:
|
|
61
152
|
|
|
62
|
-
|
|
153
|
+
- The pricing model is disclosed before the final ask. A reader who reaches the close still wondering whether there is a free tier is carrying the exact objection this page type generates most.
|
|
154
|
+
- With mostly-cold traffic, the problem is established before the capability story; with solution-aware or product-aware traffic the problem section shrinks or moves late, and the spec records which and why.
|
|
63
155
|
|
|
64
|
-
**Optional
|
|
156
|
+
**Optional jobs** (add when they carry a real buying factor, do not pad): an **integrations / works-with-your-stack** strip (real logos of the tools it connects to), since "does it fit my stack" is a common SaaS objection; and a **built-for / use cases** self-identification block ("For marketers who...", "For engineers who...") when the product serves distinct personas who need to see themselves.
|
|
65
157
|
|
|
66
|
-
**Sales-led / enterprise variant.** For a B2B page aimed at a buying committee rather than self-serve,
|
|
158
|
+
**Sales-led / enterprise variant.** For a B2B page aimed at a buying committee rather than self-serve, the contract gains jobs: use cases by role or department, a dedicated **security and compliance** treatment (not folded into the FAQ), the integrations strip, and an **ROI / value** case. Replace the pricing disclosure with "talk to sales" only when pricing is genuinely quote-based, and make the primary CTA a demo or contact rather than a trial. Record the variant and every added job in the spec so the gates audit the right rules.
|
|
67
159
|
|
|
68
160
|
---
|
|
69
161
|
|
|
@@ -71,29 +163,34 @@ Navigation: yes, standard. Footer: full.
|
|
|
71
163
|
|
|
72
164
|
For dedicated landing pages and long-form sales pages: paid traffic, launch pages, workshop and course offers, lead magnets. One traffic source, one intent, one action.
|
|
73
165
|
|
|
74
|
-
|
|
166
|
+
**Goal.** The single conversion the campaign exists for.
|
|
75
167
|
|
|
76
|
-
|
|
168
|
+
**Buyer entry states.** Exactly one, and the traffic source names it; that is the point of a campaign page. The source's awareness state sets the narrative shape. Unaware and problem-aware traffic needs the full persuasion arc (problem, failed alternatives, mechanism) before an offer means anything. Solution-aware traffic already knows what failed and starts at the mechanism. Product-aware retargeting traffic wants demonstration, offer, and risk reversal; walking those readers through problem agitation is dead weight they scroll past. The spec states the source, its awareness state, and which jobs that state strikes.
|
|
77
169
|
|
|
78
|
-
|
|
79
|
-
- **Message match is binding.** The hero headline must use the same language as the ad, post, or email that sent the reader. If the source says "stop getting passed over for promotions", the page does not open with "career acceleration platform".
|
|
80
|
-
- **The CTA repeats** after every major proof or objection block, identical wording each time.
|
|
170
|
+
**Jobs the page must do.** The middle jobs are awareness-conditional; the spec says which apply and why.
|
|
81
171
|
|
|
82
|
-
|
|
172
|
+
- Open with the promise or the pain in source-matched language; the subhead stakes the claim.
|
|
173
|
+
- Establish what it costs the reader to leave this unsolved. Specific, honest, written from inside their situation. (Unaware and problem-aware traffic; later states compress or cut it.)
|
|
174
|
+
- Name what they have already tried and why it did not work. This is where the reader decides you understand them. (Chiefly problem-aware traffic; product-aware readers skip it.)
|
|
175
|
+
- Name the mechanism: why this works when those did not. The unique method, named. For offers like workshops and coaching, the mechanism is the methodology, not the person's resume.
|
|
176
|
+
- Show it working: walkthrough, curriculum, sample, before/after. Concrete artifacts beat descriptions.
|
|
177
|
+
- Itemize the offer exactly: what they get, with the price framed against the cost of the problem. No fake strikethrough pricing.
|
|
178
|
+
- Reverse the risk: guarantee, refund terms, or "what happens after you click". Reduce anxiety at the moment of commitment.
|
|
179
|
+
- Apply honest urgency: real deadlines, real cohort caps, or nothing. Fabricated scarcity fails the integrity gate.
|
|
180
|
+
- Collect the final objections, including the awkward ones (time commitment, refunds, "is this for me if...").
|
|
181
|
+
- Close with promise, proof element, button.
|
|
83
182
|
|
|
84
|
-
|
|
85
|
-
2. **Problem and stakes.** What it costs the reader to leave this unsolved. Specific, honest, written from inside their situation.
|
|
86
|
-
3. **Failed alternatives.** What they have already tried and why it did not work. This is where the reader decides you understand them.
|
|
87
|
-
4. **The mechanism.** Why this works when those did not. The unique method, named. (For offers like workshops and coaching, the mechanism is the methodology, not the person's resume.)
|
|
88
|
-
5. **Demonstration.** Show it working: walkthrough, curriculum, sample, before/after. Concrete artifacts beat descriptions.
|
|
89
|
-
6. **Proof.** Testimonials with names and outcomes, case results, credentials. Place the heaviest proof immediately before the offer.
|
|
90
|
-
7. **The offer.** Exactly what they get, itemized, with the price framed against the cost of the problem. No fake strikethrough pricing.
|
|
91
|
-
8. **Risk reversal.** Guarantee, refund terms, or "what happens after you click". Reduce anxiety at the moment of commitment.
|
|
92
|
-
9. **Honest urgency.** Real deadlines, real cohort caps, or nothing. Fabricated scarcity fails the integrity gate.
|
|
93
|
-
10. **FAQ.** The final objections, including the awkward ones (time commitment, refunds, "is this for me if...").
|
|
94
|
-
11. **Final CTA block.** Promise, proof element, button.
|
|
183
|
+
**Proof requirements.** Testimonials with names and outcomes, case results, credentials. The heaviest proof on the page sits immediately before the offer; this archetype is where shared constraint 3 earns its keep. Every CTA repetition keeps a proof element within one viewport (rule 4).
|
|
95
184
|
|
|
96
|
-
Forms: minimum viable fields (3 is the baseline; 4 to 6 costs roughly 10 to 25 percent of completions, 7 or more costs 25 to 50 percent)
|
|
185
|
+
**CTA policy.** One action, no competitors. **No site navigation**: no header menu, no footer link farm; every exit path competes with the CTA. The CTA repeats after every major proof or objection block, identical wording each time. Forms: minimum viable fields (3 is the baseline; 4 to 6 costs roughly 10 to 25 percent of completions, 7 or more costs 25 to 50 percent); every field added must justify itself against the conversion data in conversion-rules.md, and past a few fields, prefer a multi-step form with a progress indicator.
|
|
186
|
+
|
|
187
|
+
**Ordering constraints.** Adds to the shared set:
|
|
188
|
+
|
|
189
|
+
- Message match binds at full strength (shared constraint 8): the hero uses the same language as the ad, post, or email that sent the reader. If the source says "stop getting passed over for promotions", the page does not open with "career acceleration platform".
|
|
190
|
+
- Whatever subset of problem, failed alternatives, mechanism, and demonstration the awareness state keeps appears in that relative order. The arc may be pruned from the front; it never runs backward, because a mechanism explained before the problem it solves persuades no one.
|
|
191
|
+
- The offer is not itemized before the mechanism is established (shared constraint 4, felt hardest here: the reader must know why it works before hearing what it costs).
|
|
192
|
+
|
|
193
|
+
Length: long-form for cold traffic and heavy decisions, compressed for warm sources and simple lead magnets. Awareness state and price set the density, not the archetype.
|
|
97
194
|
|
|
98
195
|
---
|
|
99
196
|
|
|
@@ -101,16 +198,28 @@ Forms: minimum viable fields (3 is the baseline; 4 to 6 costs roughly 10 to 25 p
|
|
|
101
198
|
|
|
102
199
|
For iOS/Android apps. The page's job is to bridge to the store listing, and to serve desktop visitors who cannot install right now.
|
|
103
200
|
|
|
104
|
-
|
|
201
|
+
**Goal.** Store install. For desktop visitors the same conversion routes through send-to-phone (QR code or badge link): one goal with a device-conditional path, never a second competing action.
|
|
202
|
+
|
|
203
|
+
**Buyer entry states.** Two dimensions decide the order here, and only one of them is awareness. Single-source traffic from an ad or a post arrives product-aware, and message match binds (shared constraint 8). Category browsers arrive solution-aware, already comparing apps, and raise "why this one over the others" first; in a crowded category the differentiator belongs in or immediately after the hero, not mid-page. The second dimension is device: a mobile visitor can convert this minute, while a desktop visitor cannot install at all, so for them the page's whole job is the send-to-phone bridge. The spec states which awareness state and which device mix dominate.
|
|
204
|
+
|
|
205
|
+
**Jobs the page must do.**
|
|
206
|
+
|
|
207
|
+
- State what the app does and for whom, with store badges (App Store / Google Play) and a device-framed screenshot or short screen recording of the core loop. On desktop viewports, a QR code sits next to the badges.
|
|
208
|
+
- Walk the primary use case in screenshot-led blocks with captions in outcome language. Keep copy aligned with the ASO keyword set (use the aso skill if installed) so the page and the listing reinforce each other.
|
|
209
|
+
- Name the differentiator: the one thing competing apps in the category do not do. For privacy-forward apps this is the privacy posture, stated plainly: what is collected, what is not, where data lives.
|
|
210
|
+
- Answer platform and requirements: OS versions, offline behavior, account requirements, price and IAP model. Answering this on the page prevents store-page bounce.
|
|
105
211
|
|
|
106
|
-
|
|
107
|
-
2. **Ratings proof.** Star rating and review count if creditable; pull one or two short review quotes (real ones, attributed as the store displays them).
|
|
108
|
-
3. **Core loop in screens.** 3 or 4 screenshot-led blocks walking the primary use case. Captions in outcome language. Keep copy aligned with the ASO keyword set (use the aso skill if installed) so the page and the listing reinforce each other.
|
|
109
|
-
4. **Differentiator block.** The one thing competing apps in the category do not do. For privacy-forward apps, the privacy posture goes here, stated plainly: what is collected, what is not, where data lives.
|
|
110
|
-
5. **Platform and requirements.** OS versions, offline behavior, account requirements, price/IAP model. Answering this on the page prevents store-page bounce.
|
|
111
|
-
6. **Final CTA.** Badges and QR again, one line restating the outcome.
|
|
212
|
+
**Proof requirements.** Ratings proof when creditable: star rating, review count, one or two short review quotes, real ones, attributed as the store displays them. After ratings, the strongest proof is the product itself: the core-loop recording shows the app doing the thing, and carries the page when ratings are still thin. Cut thin proof rather than pad it.
|
|
112
213
|
|
|
113
|
-
|
|
214
|
+
**CTA policy.** Default policy, with the store badges as the primary CTA; the desktop QR is the same action's device path, not a competitor. Badges (and the desktop QR) repeat at the close with one line restating the outcome. Navigation: minimal (Support, Privacy).
|
|
215
|
+
|
|
216
|
+
**Ordering constraints.** Adds to the shared set:
|
|
217
|
+
|
|
218
|
+
- Store badges land above the fold in the hero; on desktop viewports the QR code lands with them.
|
|
219
|
+
- For solution-aware traffic in a crowded category, the differentiator appears in or immediately after the hero.
|
|
220
|
+
- Platform and requirements are answered before the last badge repetition; an answer the reader meets after the final ask prevents nothing.
|
|
221
|
+
|
|
222
|
+
Page weight: very low, total. Most traffic is mobile.
|
|
114
223
|
|
|
115
224
|
---
|
|
116
225
|
|
|
@@ -118,24 +227,36 @@ Navigation: minimal (Support, Privacy). Keep total page weight very low; most tr
|
|
|
118
227
|
|
|
119
228
|
For courses, workshops, cohorts, and other paid training with a defined start and end. The reader is buying a transformation, not a curriculum; pages that describe the course lose to pages that sell the outcome.
|
|
120
229
|
|
|
121
|
-
|
|
230
|
+
**Goal.** Enrollment, or application for high-ticket cohorts.
|
|
231
|
+
|
|
232
|
+
**Buyer entry states.** Problem-aware is the classic state: the reader owns the gap and has tried effort alone, so the full arc (gap, failed paths, method) has to land before an offer means anything. Solution-aware readers are comparing courses and paths; they start at the method and the curriculum, and the gap compresses to a sentence. Product-aware traffic, usually the instructor's own audience on a launch list, arrives because of the person: the instructor may open the page, the arc compresses to method, results, and logistics, and message match binds to the launch emails (shared constraint 8). The spec states which state dominates and which arc jobs it strikes.
|
|
233
|
+
|
|
234
|
+
**Jobs the page must do.** The arc jobs are awareness-conditional; the spec says which apply and why.
|
|
122
235
|
|
|
123
|
-
|
|
236
|
+
- Name the transformation, with the timeframe if honest ("from overlooked to short-listed in eight weeks" beats "an 8-module career course"), and who it is for. Include the next cohort date if cohort-based.
|
|
237
|
+
- Establish the gap: where the reader is now versus where they want to be, in their words, and why effort alone has not closed it. The obstacle is usually missing structure or missing feedback, not missing motivation. (Chiefly problem-aware traffic; later states compress it.)
|
|
238
|
+
- Name why existing paths fail: free YouTube, certifications that did not move the needle, generic advice. Concede what those are good for; position the course against their real gaps. (Problem-aware traffic; solution-aware readers have already concluded this.)
|
|
239
|
+
- Name the method: the mechanism that produces the transformation. The method carries the credibility; the resume supports it, not the reverse.
|
|
240
|
+
- Present the curriculum as outcomes, module by module: "after this module you can X", never lesson counts and video minutes. Include format logistics: live vs recorded, duration, time commitment per week, tools required.
|
|
241
|
+
- Establish the instructor: short, proof-dense, third or first person consistently. Years, named employers and clients within what can be said, student results. For product-aware audience traffic the instructor is the hook and may open the page.
|
|
242
|
+
- Show student results (the heaviest proof; see Proof requirements). If none exist yet, do not fabricate: first-cohort pages substitute the instructor's own results and a founding-cohort framing.
|
|
243
|
+
- Itemize the offer: everything included (modules, calls, community access, templates, recordings), with the price framed against the cost of staying stuck. Payment plans materially lift conversion for prices above a few hundred dollars; offer one when economics allow.
|
|
244
|
+
- Reverse the risk: a guarantee with exact terms. 30 days is the floor expectation; longer signals confidence. High-ticket application-based offers may replace the guarantee with the application itself as risk filter; say so plainly.
|
|
245
|
+
- Apply honest urgency: cohort start dates and real seat caps are legitimate; evergreen self-paced courses skip urgency rather than faking it.
|
|
246
|
+
- Collect the leftover objections: time commitment, prerequisites, refund terms, "what if I fall behind", "is this for me if [edge case]".
|
|
247
|
+
- Close with the transformation restated, the strongest single proof element, and the button.
|
|
124
248
|
|
|
125
|
-
|
|
126
|
-
2. **The gap.** Where the reader is now versus where they want to be, in their words, and why effort alone has not closed it. This is the problem section reframed for education: the obstacle is usually missing structure or missing feedback, not missing motivation.
|
|
127
|
-
3. **Why existing paths fail.** Free YouTube, certifications that did not move the needle, generic advice. Concede what those are good for; position the course against their real gaps.
|
|
128
|
-
4. **The method.** The named mechanism that produces the transformation. For an instructor with deep field history, the method carries the credibility; the resume supports it, not the reverse.
|
|
129
|
-
5. **Curriculum as outcomes.** Module-by-module, framed as "after this module you can X", not lesson counts and video minutes. Include format logistics: live vs recorded, duration, time commitment per week, tools required.
|
|
130
|
-
6. **Instructor.** Short, proof-dense, written in third person or first consistently. Years, named employers/clients within what can be said, student results.
|
|
131
|
-
7. **Student results.** The heaviest proof on the page, placed immediately before the offer. Named testimonials with specific outcomes; video testimonials when available. `[TK]` and cut if none exist yet; first-cohort pages substitute the instructor's own results and a founding-cohort framing.
|
|
132
|
-
8. **The offer.** Everything included, itemized (modules, calls, community access, templates, recordings), with the price framed against the cost of staying stuck. Payment plans materially lift conversion for prices above a few hundred dollars; offer one when economics allow.
|
|
133
|
-
9. **Guarantee.** 30 days is the floor expectation; longer signals confidence. State the exact terms. High-ticket application-based offers may replace the guarantee with the application itself as risk filter; say so plainly.
|
|
134
|
-
10. **Honest urgency.** Cohort start dates and real seat caps are legitimate urgency; use them. Evergreen self-paced courses skip this section rather than faking it.
|
|
135
|
-
11. **FAQ.** Time commitment, prerequisites, refund terms, "what if I fall behind", "is this for me if [edge case]".
|
|
136
|
-
12. **Final CTA block.** Transformation restated, strongest single proof element, button.
|
|
249
|
+
**Proof requirements.** Student results are the heaviest proof on the page: named testimonials with specific outcomes, video when available, placed immediately before the offer. Fabricated or borrowed results fail the integrity gate; the honest first-cohort substitute is the instructor's own results under a founding-cohort framing. Instructor credibility is supporting proof: it backs the method, and it stops standing in for student results once those exist.
|
|
137
250
|
|
|
138
|
-
|
|
251
|
+
**CTA policy.** Campaign-landing's policy applies whole: one action, identical wording each repetition, no site navigation, no footer link farm. Enrollment goes straight to checkout; applications ask the minimum needed to qualify.
|
|
252
|
+
|
|
253
|
+
**Ordering constraints.** Adds to the shared set:
|
|
254
|
+
|
|
255
|
+
- Whatever subset of gap, failed paths, method, and curriculum the awareness state keeps appears in that relative order. The arc prunes from the front; it never runs backward.
|
|
256
|
+
- Student results sit immediately before the offer (shared constraint 3, made specific: on this page the heaviest proof is always student results, or their first-cohort substitute).
|
|
257
|
+
- The offer is not itemized before the method is established (shared constraint 4; a reader who hears the price before the mechanism prices it against nothing).
|
|
258
|
+
|
|
259
|
+
Length: under roughly $200, a focused page converts; above roughly $500, buyers expect a full long-form treatment with a detailed curriculum breakdown. Well-built course pages convert in the 5 to 15 percent range from warm traffic; cold-traffic expectations are far lower. Price and awareness state set the density, not the archetype.
|
|
139
260
|
|
|
140
261
|
---
|
|
141
262
|
|
|
@@ -143,19 +264,30 @@ Navigation: none (treat as campaign-landing). Forms: enrollment goes straight to
|
|
|
143
264
|
|
|
144
265
|
For paid communities, memberships, and subscription groups (Skool, Circle, Discord-based, or self-hosted). The product is access to people plus ongoing material; the page must prove the thing is alive, because the reader's core fear is paying for a ghost town.
|
|
145
266
|
|
|
146
|
-
|
|
267
|
+
**Goal.** Join. Curated communities may make it join-waitlist or apply.
|
|
268
|
+
|
|
269
|
+
**Buyer entry states.** Every state arrives skeptical of ghost towns; that fear organizes this page regardless of awareness. Problem-aware readers know something is missing but not that this room exists; the who-gathers-here story has to land before any inventory of inclusions can matter. Solution-aware readers are comparing communities and raise aliveness and fit first, so the artifact proof and the not-for line move early. Product-aware readers come for the founder (a podcast appearance, a following); the founder job moves forward, and the page must still prove the room is alive without them in it, because a room that is only its founder is a newsletter with extra steps. The spec states which state dominates.
|
|
270
|
+
|
|
271
|
+
**Jobs the page must do.**
|
|
272
|
+
|
|
273
|
+
- Say who gathers here and what membership changes for them. Member count and activity numbers appear only if creditable.
|
|
274
|
+
- Draw the not-for line explicitly: wrong stage, wrong goals, wrong expectations. It qualifies buyers, reduces churn, and reads as confidence; it earns more trust than any superlative could. (No collision with shared constraint 9: the not-for list turns away readers the room would fail, not qualified ones.)
|
|
275
|
+
- Prove the room is alive with artifacts: real screenshots of real threads, wins, and calls, member details redacted as needed. Show the artifact, not an illustration of "community"; a short screen recording of scrolling the feed outperforms any copy here. Aliveness proof may interleave beside claims across the page instead of sitting quarantined in one section.
|
|
276
|
+
- Itemize what membership includes: the community itself, calls and their cadence, courses or classroom content, templates, events, direct access to the founder and at what level. Be precise about cadence; "monthly calls" is a promise the page is making.
|
|
277
|
+
- Establish the founder: why this person's room is worth being in, their field history, what they share inside, how present they actually are. Presence claims must be honest; "I answer every post" is verifiable by members within a week.
|
|
278
|
+
- Show member outcomes: named wins with specifics (the role landed, the raise, the first client).
|
|
279
|
+
- Disclose pricing: monthly and/or annual, what each includes, founding-member pricing only if real and time-bound. State cancel-anytime plainly; for recurring offers, ease of leaving is a buying factor.
|
|
280
|
+
- Collect the leftover objections: time required to get value, lurker-friendliness, refund and cancel mechanics, platform logistics, privacy of what members post.
|
|
281
|
+
- Close with one line on what changes the week they join.
|
|
147
282
|
|
|
148
|
-
|
|
149
|
-
2. **Who it is for, who it is not for.** An explicit not-for list (wrong stage, wrong goals, wrong expectations) qualifies buyers, reduces churn, and reads as confidence. This section earns more trust than any superlative could.
|
|
150
|
-
3. **Inside the community.** Real screenshots of real threads, wins, and calls (redact member details as needed). Show the artifact, not an illustration of "community". A short screen recording of scrolling the feed outperforms any copy here.
|
|
151
|
-
4. **What membership includes.** Itemized: the community itself, calls and their cadence, courses or classroom content, templates, events, direct access to the founder and at what level. Be precise about cadence; "monthly calls" is a promise the page is making.
|
|
152
|
-
5. **The founder.** Why this person's room is worth being in: field history, what they share inside, how present they actually are. Presence claims must be honest; "I answer every post" is verifiable by members within a week.
|
|
153
|
-
6. **Member outcomes.** Named member wins with specifics (the role landed, the raise, the first client). Place before pricing.
|
|
154
|
-
7. **Pricing.** Monthly and/or annual, what each includes, founding-member pricing only if real and time-bound. Cancel-anytime stated plainly; for recurring offers, ease of leaving is a buying factor.
|
|
155
|
-
8. **FAQ.** Time required to get value, lurker-friendliness, refund/cancel mechanics, platform logistics, privacy of what members post.
|
|
156
|
-
9. **Final CTA.** One line on what changes the week they join, button.
|
|
283
|
+
**Proof requirements.** The artifact is the proof: screenshots and recordings of the actual room, and they must be current. A screenshot of a busy week eight months ago fails the integrity gate if the room has since gone quiet. Named member outcomes with specifics carry the commitment decision; member counts appear only when creditable.
|
|
157
284
|
|
|
158
|
-
|
|
285
|
+
**CTA policy.** Default policy. Navigation: none or minimal.
|
|
286
|
+
|
|
287
|
+
**Ordering constraints.** Adds to the shared set:
|
|
288
|
+
|
|
289
|
+
- The reader sees the room alive (artifact proof, not counts) before pricing is disclosed. The ghost-town fear is this page's load-bearing objection, and shared constraint 6 answers it where it arises: early, in place, never left to the FAQ.
|
|
290
|
+
- Member outcomes precede the pricing disclosure.
|
|
159
291
|
|
|
160
292
|
---
|
|
161
293
|
|
|
@@ -163,17 +295,28 @@ Navigation: none or minimal. Integrity note: activity proof must be current; a s
|
|
|
163
295
|
|
|
164
296
|
For mailing list and newsletter signups, free or as the top of a paid funnel. The entire page exists to make one exchange feel obviously worth it: an email address for a specific, recurring value.
|
|
165
297
|
|
|
166
|
-
|
|
298
|
+
**Goal.** Email signup. Dedicated newsletter pages convert dramatically better than embedded forms; double-digit rates are achievable with matched traffic.
|
|
299
|
+
|
|
300
|
+
**Buyer entry states.** Warm to the writing, cold to the commitment, almost always: the reader just finished one piece, heard the writer on a podcast, or took a recommendation, and is deciding whether one good sample earns a recurring slot in their inbox. Content-led arrivals weigh that sample against inbox anxiety, this page type's load-bearing objection, so cadence and length expectations move early. Personality-led arrivals already follow the writer and come for the person; the writer job moves forward and may open the page. Lead-magnet traffic arrives for the artifact and takes the subscription as the exchange; message match binds to the promise that sent them (shared constraint 8). Every state shares the same fear, one more thing to keep up with, and the page answers it with honesty about frequency and length, not with enthusiasm.
|
|
301
|
+
|
|
302
|
+
**Jobs the page must do.**
|
|
303
|
+
|
|
304
|
+
- State the exchange in one or two lines: what the reader gets, how often, and who it is for ("One exploitable misconfiguration, every Tuesday, for people who defend networks"). The email field and button sit with it in the hero; the form IS the page.
|
|
305
|
+
- Show what is inside: concrete samples of the kind of thing a subscriber receives, written as specifically as the actual issues. Vague category promises are what inbox anxiety feeds on.
|
|
306
|
+
- State frequency and length expectations plainly ("5 minutes, weekly"). This is the load-bearing objection answered in place (shared constraint 6), not a formality.
|
|
307
|
+
- Let them taste it: link one or two best past issues (the strongest proof available; see Proof requirements).
|
|
308
|
+
- Establish the writer: a few lines on why this person's signal is worth inbox space. For personality-led traffic the writer is the hook and may open the page.
|
|
309
|
+
- Close with the field and button again, the promise restated, and the privacy position in one line: no sharing, unsubscribe anytime.
|
|
310
|
+
- Specify the post-conversion moment (the shared requirement above): the confirmation page delivers best-issue links or the promised lead magnet immediately and says when the first issue lands.
|
|
311
|
+
|
|
312
|
+
**Proof requirements.** The strongest proof available is the writing itself: one or two best past issues, linked, let the reader taste exactly what they are subscribing to. Subscriber count when creditable; reader quotes and recognizable readers or "read by people at X" only when real. A proof element rides in the hero viewport with the form (see Ordering constraints).
|
|
167
313
|
|
|
168
|
-
|
|
169
|
-
2. **What is inside.** Three or four concrete bullets of the kind of thing a subscriber receives, written as specifically as the actual issues. Frequency and length expectations stated ("5 minutes, weekly") because inbox anxiety is the real objection.
|
|
170
|
-
3. **Proof.** Subscriber count when creditable, reader quotes, recognizable readers or "read by people at X" only when real. A link to one or two best past issues is the strongest proof available: let them taste it.
|
|
171
|
-
4. **About the writer.** Two or three lines; why this person's signal is worth inbox space.
|
|
172
|
-
5. **Final form.** Repeat the field and button with the promise restated. State the privacy position in one line (no sharing, unsubscribe anytime).
|
|
314
|
+
**CTA policy.** Default policy, with the signup form as the primary CTA; it appears in the hero and repeats at the close. The form takes a single field: email. Every additional field costs signups (rule 7). Navigation: none. Total page weight: minimal; this page gets linked from everywhere.
|
|
173
315
|
|
|
174
|
-
|
|
316
|
+
**Ordering constraints.** Adds to the shared set:
|
|
175
317
|
|
|
176
|
-
|
|
318
|
+
- The form lands in the hero, and a proof element lands in the same viewport with it. This is the one contract whose form precedes everything else, so shared constraints 2 and 7 can only be satisfied by proof that rides with the form rather than waiting below: a creditable count, a reader quote, or the taste-it link beside the field.
|
|
319
|
+
- Frequency and length expectations are set before the final form repetition; a reader who reaches the close still wondering what this costs their attention is carrying the exact objection this page type generates most.
|
|
177
320
|
|
|
178
321
|
---
|
|
179
322
|
|
|
@@ -181,17 +324,321 @@ Navigation: none. Total page weight: minimal; this page gets linked from everywh
|
|
|
181
324
|
|
|
182
325
|
For a person: consultant, builder, speaker, writer. The reader arrived from a talk, a post, a podcast, or a search of the name, and is answering one question: is this person worth my next ten minutes, and what do I do with that interest?
|
|
183
326
|
|
|
184
|
-
|
|
327
|
+
**Goal.** One primary next action, picked deliberately: book a call, subscribe, read the work, or follow. Everything else is secondary.
|
|
328
|
+
|
|
329
|
+
**Buyer entry states.** Two arrivals dominate, and they want different openings. Referred readers come from one artifact (the talk, the post, the episode) carrying one facet of the person and wanting the rest of the picture; the page connects to what sent them (shared constraint 8) and widens from there. Name-searchers are doing diligence: a prospective client, a hiring manager, a podcast booker checking that the person is substantial, and they reach for proof of work first. The chosen primary action shapes the order too: a book-a-call page fronts qualification and current focus; a read-the-work page fronts the work. The spec states which arrival dominates and which action was picked.
|
|
330
|
+
|
|
331
|
+
**Jobs the page must do.**
|
|
332
|
+
|
|
333
|
+
- Open with the name and one positioning line that says who you help do what ("I help overlooked security engineers get paid like the people they outperform"). Not a job title list.
|
|
334
|
+
- Show proof of work: selected, not exhaustive, spanning the work that matters now (projects, companies served, talks, things built, things written). Each item links somewhere real. Curate ruthlessly; a personal page is a portfolio of judgment.
|
|
335
|
+
- State current focus: what you are building or taking on now, which doubles as qualification for inbound ("currently advising X kind of company on Y").
|
|
336
|
+
- Tell the credibility narrative: a short bio in the owner's actual voice, written like a person and not a LinkedIn summary. Years, the arc, the unusual parts. First or third person, consistently.
|
|
337
|
+
- Lay out the routes: the standing offers (work with me, join the community, read the newsletter), each one line plus link; the primary CTA visually leads.
|
|
338
|
+
- Make contact direct and simple. State response expectations honestly.
|
|
339
|
+
|
|
340
|
+
**Proof requirements.** The work is the proof. Real, linked artifacts outrank any claim about them; an item that links nowhere reads as padding and gets cut. Selection is itself the signal: what the owner chose to show is the judgment on display.
|
|
341
|
+
|
|
342
|
+
**CTA policy.** Default policy, with the deliberately picked primary action leading everywhere it appears; the routes present the secondary offers quietly beside it. Navigation: minimal (Work, Writing, Contact).
|
|
343
|
+
|
|
344
|
+
**Ordering constraints.** Adds nothing to the shared set. The shared ten already bind, and this page tolerates the widest range of legal orders on the list: a proof-led opening (work before narrative), a narrative-led opening, and a focus-led opening are all legal while the hero passes the 5-second test. The page is the person; which facet opens is a genuine choice, and the entry state makes it.
|
|
345
|
+
|
|
346
|
+
This archetype tolerates the most aesthetic risk on the whole list; the page is the person, and a distinctive direction (see design-direction.md) does more work here than anywhere else.
|
|
347
|
+
|
|
348
|
+
A portfolio site compiles this contract, not a new one: the proof-of-work job promotes to the hero (the proof-led opening above), the hero form goes product-in-hero with the work itself as the visual, and the primary action is usually read-the-work or book-a-call. That the strongest portfolio move is a pair of axis settings here is the contract model working as intended: the structure moved, the obligations did not.
|
|
349
|
+
|
|
350
|
+
---
|
|
351
|
+
|
|
352
|
+
## pricing-page
|
|
353
|
+
|
|
354
|
+
For a dedicated pricing page on a product with public pricing. The reader arrives closer to a decision than on any other page the funnel owns; the page's job is to end deliberation, not to restart the pitch.
|
|
355
|
+
|
|
356
|
+
**Goal.** Tier selection: the reader picks a plan and starts the checkout, trial, or upgrade that plan defines.
|
|
357
|
+
|
|
358
|
+
**Buyer entry states.** Nobody lands here cold, but the states differ in what they are deciding. Evaluators arrive from the homepage or the nav, sold enough to ask what it costs, carrying the which-tier-is-me question. Cross-shoppers arrive solution-aware from a comparison or a search, checking the price against a shortlist before investing attention anywhere else; for them the prices are the first content, not the conclusion. Existing customers arrive at a plan limit with upgrade intent, asking what the next tier adds and whether anything they built breaks on the way up. The spec states the mix; the upgrade state in particular adds jobs the other two never raise.
|
|
359
|
+
|
|
360
|
+
**Jobs the page must do.**
|
|
361
|
+
|
|
362
|
+
- Show the tiers within the first scroll: name, price, billing unit, who each tier is for, and the recommended tier visually marked (good-better-best; see Pricing psychology in `references/conversion-rules.md`). A pricing page that opens with a manifesto before showing a price fights the intent that brought the reader.
|
|
363
|
+
- Say who each tier is for in one line per tier, before what it includes. Buyers self-select by situation faster than by feature count, and a tier that names its buyer answers which-tier-is-me where it arises (shared constraint 6).
|
|
364
|
+
- Anchor before the ask: the higher tier, or the cost of the problem, is visible before or beside the target price so the target reads as reasonable against it.
|
|
365
|
+
- Make adjacent tiers legibly different: the one or two capabilities that move a buyer up a tier, stated plainly. The exhaustive feature matrix serves the completeness reader below the cards or behind a toggle; it never substitutes for the legible difference.
|
|
366
|
+
- Answer the billing mechanics inline, because they are this page's standing objections: monthly versus annual and the real saving if one exists, what counts as a seat, what happens at a limit, proration on upgrade, and the downgrade and cancel path stated plainly. Ease of leaving is a buying factor for recurring offers.
|
|
367
|
+
- Name the free path plainly if one exists: free tier, trial length, what requires a card and what does not, what ends when the trial ends.
|
|
368
|
+
- For the upgrade state: what the next tier adds over the reader's current one, and confirmation that nothing they carry is lost on the way up.
|
|
369
|
+
- State the sales path honestly when one exists: "talk to sales" replaces a price only when pricing is genuinely quote-based, and a hidden price on a page of public prices carries its stated reason (volume, procurement, compliance) beside it.
|
|
370
|
+
- Reverse the risk at the cards: trial terms, refund terms, cancel-anytime, in or immediately beside the tier cards rather than in a distant section (shared constraint 5: the cards are the moment of commitment).
|
|
371
|
+
- Collect the leftovers: procurement questions for B2B (invoicing, purchase orders, security review), edge-case plan questions, and the honest answer to what happens when a buyer outgrows or shrinks out of a tier.
|
|
372
|
+
|
|
373
|
+
**Proof requirements.** The tier cards are the ask, so proof rides in their viewport (shared constraint 2). The strongest form is a quote that names value at a specific tier, or the moment that justified an upgrade; a creditable customer count or logo row supports. Cost framing (per day, per seat, against the manual alternative) counts as proof only when the reference number is real. No decoy tiers that do not exist, no fake strikethroughs, no invented savings percentages: the integrity gate reads this page closely, because pricing is where fabrication pays best.
|
|
374
|
+
|
|
375
|
+
**CTA policy.** One primary action per tier, the same verb-first label pattern on every card, the recommended tier's button visually leading. The sales path on a quote-based tier is that tier's action, not a competitor to the others. Navigation: standard; this page lives in the site nav and readers route through it mid-evaluation.
|
|
376
|
+
|
|
377
|
+
**Ordering constraints.** Adds to the shared set:
|
|
378
|
+
|
|
379
|
+
- Tier cards land within the first scroll. Shared constraint 4 reads at funnel scope here: the mechanism lives on the pages that route to this one, and a single what-this-is line in the hero restates it for the reader who arrived direct, instead of a mechanism section pushing prices below the fold.
|
|
380
|
+
- The anchor is visible before or beside the target price, never after it.
|
|
381
|
+
- Billing mechanics are answered before the final CTA repetition; a reader who reaches the last button still wondering what a seat costs at renewal is carrying this page's most common objection.
|
|
382
|
+
|
|
383
|
+
On this archetype the pricing companion's Phase 2 output also drafts `/pricing.md`, the machine-readable file Gate 6 checks at the site root: a pricing page for human buyers ships one for agentic buyers beside it.
|
|
384
|
+
|
|
385
|
+
---
|
|
386
|
+
|
|
387
|
+
## comparison-alternatives
|
|
388
|
+
|
|
389
|
+
For pages that capture switch intent: "COMPETITOR alternative" pages, "COMPETITOR alternatives" list pages, "product versus COMPETITOR" pages, and third-party comparisons of two products the site owner sells against. The reader already uses or has shortlisted a named competitor; the page meets a comparison already running in their head.
|
|
390
|
+
|
|
391
|
+
**Goal.** The parent product's primary conversion (trial, demo, install), reached through switch or shortlist intent. The page is measured on that conversion, not on time spent in a table.
|
|
392
|
+
|
|
393
|
+
**Buyer entry states.** The most solution-aware traffic any archetype receives: the reader knows the category, knows the competitor, and usually arrives from a search whose phrasing names the intent (an "alternative" search is switch intent; a "versus" search is diligence on a shortlist). Two temperatures share that state. The frustrated switcher carries a specific grievance, a price change, a missing capability, a support experience, and wants to know quickly whether this product fixes it. The diligent evaluator is pre-purchase, comparing before committing anywhere, and reads the table closely. Message match binds doubly here (shared constraint 8): to the search phrasing that sent the reader, and to the competitor's own vocabulary, because that vocabulary is the language the reader currently thinks in. Map the competitor's real feature names to ours honestly; renaming their concepts reads as evasion.
|
|
394
|
+
|
|
395
|
+
**Jobs the page must do.**
|
|
396
|
+
|
|
397
|
+
- Name the comparison plainly in the hero: which products, for which reader, and whose page this is. Feigned neutrality on a vendor's own domain fails the integrity gate; the honest frame (here is where we win, here is where they do) earns the credibility the rest of the page spends.
|
|
398
|
+
- Lead with the wedge: the two or three differences that actually drive switching for this buyer, before any exhaustive matrix. Feature parity is table stakes; the wedge is why the page exists.
|
|
399
|
+
- Compare honestly, with the concessions in the table: what the competitor genuinely does better stays in, stated plainly. Conceded weaknesses buy credibility for the claimed strengths (the oss-project concession rule, generalized, and it binds harder here: this page's readers use the competitor and can verify every row).
|
|
400
|
+
- Keep every competitor claim current and verifiable: their pricing, plan limits, and features as of a stated check date that rides with the table. A stale row or a strawman comparison fails the integrity gate the moment a reader spots it, and these readers are the ones equipped to.
|
|
401
|
+
- Answer the switching cost, the load-bearing objection of switch intent: the migration path, what imports and what does not, time to reach parity with today's setup, what maps to what. A reader convinced by the wedge but silent-treated on migration has not been answered (shared constraint 6).
|
|
402
|
+
- Show proof from switchers: testimonials from buyers who made this exact move, with the grievance that moved them named.
|
|
403
|
+
- Draw the stays line: the cases where the competitor remains the right choice. It is the not-for list wearing comparison clothes; it turns away only readers this product would fail (no collision with shared constraint 9), and it is the strongest single honesty signal a comparison page can carry.
|
|
404
|
+
- When price is compared, compare true cost: tiers, limits, overages, and the migration itself, never a cherry-picked pair of sticker numbers.
|
|
405
|
+
|
|
406
|
+
**Proof requirements.** Switcher testimonials are the heaviest proof and sit immediately before the ask (shared constraint 3). The table's rows are proof only as far as they are verifiable and dated. Third-party numbers (review-site ratings, category reports) appear only when real, current, and attributed as the source displays them.
|
|
407
|
+
|
|
408
|
+
**CTA policy.** Default policy, with the parent product's primary conversion as the action. Navigation: standard; these pages ride the main site and route evaluators deeper into it.
|
|
409
|
+
|
|
410
|
+
**Ordering constraints.** Adds to the shared set:
|
|
411
|
+
|
|
412
|
+
- The wedge precedes the exhaustive table: why to switch comes before row-by-row completeness. A reader who meets forty rows before one reason to care reads the page as homework.
|
|
413
|
+
- The hero frame matches the arrival phrasing: an "alternative" search lands on an alternative frame, a "versus" search on a comparison frame (shared constraint 8, applied to the page's own title and hero).
|
|
414
|
+
- The migration answer precedes the final ask, and the concessions live in or beside the table, never quarantined below the last CTA.
|
|
415
|
+
|
|
416
|
+
Seam note: competitor-profiling owns the competitive frame at intake (Phase 0/1); the competitors companion owns these sections' structure and copy in Phase 2/3. This archetype consumes both, and the check date on the table is refreshed per run, not inherited from the last one.
|
|
417
|
+
|
|
418
|
+
---
|
|
419
|
+
|
|
420
|
+
## docs-dev-tool-landing
|
|
421
|
+
|
|
422
|
+
For commercial developer tools: APIs, SDKs, hosted infrastructure, developer platforms. The reader is a practitioner who will decide in the docs, not on the marketing page; the page's job is to get them to a first successful call before the polish can be doubted.
|
|
423
|
+
|
|
424
|
+
**Goal.** First successful call: a key obtained, the quickstart run, real output seen. Time-to-hello-world is the number this page lives or dies on. Signup is instrumental (it gates the key), never the finish line; a signup that stalls before the first call is this funnel's silent churn.
|
|
425
|
+
|
|
426
|
+
**Buyer entry states.** Practitioners, in two states. Solution-aware evaluators own the problem, are comparing approaches and vendors, and will open the docs in a second tab before believing anything on the landing page; for them the page competes with its own documentation and wins by getting out of the way. Product-aware arrivals come from a changelog, a colleague, or another tool's docs, half-sold and reaching for the quickstart. Behind the practitioner often stands an economic buyer who approves the invoice; material for that reader (security, compliance, SLA) exists on the page and never leads it. The spec states the mix.
|
|
427
|
+
|
|
428
|
+
**Jobs the page must do.**
|
|
429
|
+
|
|
430
|
+
- State what the tool does and what it takes off the reader's plate, in one sentence a practitioner can evaluate for fit. No marketing adjectives; this audience reads them as noise at best and as cover at worst (the oss-project rule, carried whole).
|
|
431
|
+
- Show working code within the first scroll: a real request and its real response, in the languages the audience writes, tabbed when there is more than one. For this reader the code block is the product visual, and a fabricated response fails the integrity gate exactly as a fabricated testimonial would.
|
|
432
|
+
- Run the quickstart from key to first successful call in the fewest real steps: where the key comes from, what the free tier allows without a card, real commands with real output. The oss-project screen rule carries: a hello-world longer than one screen is an onboarding problem the page cannot fix.
|
|
433
|
+
- Put the docs one click from everywhere, starting in the hero region. The docs are this page's deep proof (see Proof requirements); a dev-tool page that hides them behind a demo form has disqualified its most qualified readers (shared constraint 9).
|
|
434
|
+
- Show how it works for the trust-evaluating reader: architecture at a glance, data handling, latency and reliability posture, stated plainly. Status page and SLA live here when they exist.
|
|
435
|
+
- Disclose pricing: the free tier and its limits, the unit the paid tiers meter, the rough point where the first invoice arrives. Practitioners disqualify silently on hidden pricing, and a page whose only route is a sales call reads as expensive before any price is seen.
|
|
436
|
+
- Answer the will-it-last objection: versioning and deprecation policy, who runs it in production, how long it has been running. A practitioner adopting a dependency is underwriting its future.
|
|
437
|
+
- Close by repeating the key-and-quickstart action with one line restating the first-call outcome.
|
|
438
|
+
|
|
439
|
+
**Proof requirements.** The working call is the heaviest proof: real request, real response, runnable when the product allows it. Named production adopters and creditable usage numbers support it. Docs quality is proof this buyer samples directly, so the docs link is this contract's taste-it move (the newsletter-capture rule, generalized). Cut thin proof rather than pad it; the oss-project desperation rule applies unchanged.
|
|
440
|
+
|
|
441
|
+
**CTA policy.** Default policy, with get-a-key / run-the-quickstart as the primary action. Navigation: standard and docs-forward (Docs, Pricing, Status, Changelog). The enterprise or sales route stays visually quiet beside the self-serve path.
|
|
442
|
+
|
|
443
|
+
**Ordering constraints.** Adds to the shared set:
|
|
444
|
+
|
|
445
|
+
- Working code appears within the first scroll; for this audience the 5-second test is passed by code, not by a headline about code.
|
|
446
|
+
- The pricing model is disclosed before the final ask (the saas-homepage rule, unchanged).
|
|
447
|
+
- The sales route never precedes the self-serve quickstart path; routing a practitioner to a call before a key reads as a tool built for procurement, not for them.
|
|
448
|
+
|
|
449
|
+
Boundary: an open source core with a hosted commercial tier straddles this contract and oss-project; merge per the compiler (union of jobs, the goal from whichever conversion the page is measured on, strictest policy). A dev tool whose buyer is not its user compiles the saas-homepage enterprise variant instead.
|
|
450
|
+
|
|
451
|
+
---
|
|
452
|
+
|
|
453
|
+
## waitlist-coming-soon
|
|
454
|
+
|
|
455
|
+
For pre-launch pages: the product is being built, gated in a private beta, or announced but not shippable. The page asks for trust before there is a product to earn it, which makes it the purest test of the integrity rules in this file.
|
|
456
|
+
|
|
457
|
+
**Goal.** A qualified email before the product exists. Qualified is the word doing the work: a waitlist of the mildly curious is a launch-day unsubscribe list, and the honest jobs below cost some signups on purpose so the ones that remain are worth having.
|
|
458
|
+
|
|
459
|
+
**Buyer entry states.** Almost always single-source: a founder's post, a launch thread, a podcast mention, an early press hit; message match binds (shared constraint 8). Two temperatures arrive from the same source. The intrigued browser spends an email the way pocket change is spent, cheap to give and quick to forget. The pain-carrier has been waiting for someone to build exactly this, and reads the page checking whether these builders understand the problem. The page is written for the pain-carrier; the browser is welcome but never courted with inflation.
|
|
460
|
+
|
|
461
|
+
**Jobs the page must do.**
|
|
462
|
+
|
|
463
|
+
- State what is coming, for whom, and the honest state of the product in the hero: building, in private beta, launching on a date. A date appears only when it is real; "coming soon" with no date is more honest than a date that will slip (the urgency doctrine, applied before launch).
|
|
464
|
+
- Name the problem and the mechanism: with no product to demonstrate, the reasoning is the pitch. Say why this approach will work where the existing ones have not, concretely enough to be falsifiable. Vague vision copy recruits vague signups.
|
|
465
|
+
- Show what actually exists, labeled as what it is: a mockup captioned as a mockup, a prototype clip captioned as a prototype, a build-in-public changelog. A render styled to pass as a shipping product fails the integrity gate; on this page the gate reads hardest, because nothing exists yet for a false impression to be checked against.
|
|
466
|
+
- Establish the builders: what they have shipped before, linked and real, and why they own this problem. With zero product proof the founder history carries the page (see Proof requirements).
|
|
467
|
+
- Report traction only when creditable: a waitlist count that is real, design partners named with permission, nothing otherwise. A page that shows zero momentum honestly outranks one that manufactures some; manufactured momentum is this archetype's signature fabrication.
|
|
468
|
+
- State the exchange plainly: what joining gets (early access, founding pricing, progress updates and their cadence) and when the reader hears next.
|
|
469
|
+
- Specify the post-conversion moment: the confirmation delivers something now (the design memo, the demo clip, the first update) and names when the next contact lands, per the shared section and the `thank-you-post-conversion` contract.
|
|
470
|
+
|
|
471
|
+
**Proof requirements.** The unique problem of this contract: product proof does not exist, and nothing may pretend to be it. The honest inventory is founder history (real and linked), the mechanism's reasoning, artifacts of building (prototype clips, changelog, commits) labeled as artifacts of building, creditable waitlist counts, and named design partners with permission. Everything on that list is checkable, which is the point: this page earns trust by being verifiable at the exact moment lying would be easiest.
|
|
472
|
+
|
|
473
|
+
**CTA policy.** Default policy; the form takes an email (rule 7). Qualification fields are the one sanctioned addition, and only when access is genuinely limited and selection genuinely happens; say so beside the field. Navigation: none or minimal; there is nowhere else worth sending them yet.
|
|
474
|
+
|
|
475
|
+
**Ordering constraints.** Adds to the shared set:
|
|
476
|
+
|
|
477
|
+
- The product's honest state (building, beta, date) is stated before the form is reached; a signup that believed it was getting a product today is a churn already booked.
|
|
478
|
+
- The mechanism precedes any founding-pricing ask (shared constraint 4 in pre-launch form: reasoning before commitment).
|
|
479
|
+
- Traction proof, when it exists, rides in the form's viewport; when none exists, the founder proof takes that seat (shared constraint 2, satisfied with the thinnest inventory in this file).
|
|
480
|
+
|
|
481
|
+
Boundary: a newsletter page sells a recurring thing that already exists and can be tasted; this page sells access to a thing that cannot be tasted yet. When a pre-launch page also runs a content list (building-in-public updates as the draw), merge with newsletter-capture per the compiler.
|
|
482
|
+
|
|
483
|
+
---
|
|
484
|
+
|
|
485
|
+
## event-webinar
|
|
486
|
+
|
|
487
|
+
For registration pages against a real date: webinars, live workshops, launch events, conference sessions, live demos. Free registration is the default frame; a paid ticket merges campaign-landing's offer jobs (see the boundary note).
|
|
488
|
+
|
|
489
|
+
**Goal.** Registration: a name and an email committed against a date. The goal behind the goal is attendance; a registration that never shows up converted nothing, so this contract treats the calendar add and the reminder path as part of the conversion, not as aftercare.
|
|
490
|
+
|
|
491
|
+
**Buyer entry states.** Single-source traffic dominates (an email to a list, a post, a partner's newsletter), and message match binds (shared constraint 8). Two states share it. Host-led arrivals come for the person or the brand, are mostly sold, and need the logistics fast: when, how long, what happens live. Topic-led arrivals come for the problem the session covers and need the payoff made concrete before they will trade a calendar slot for it. Distance to the date changes the page: weeks out, the session's value does the selling; days out, the date itself is the urgency, and it is honest by nature.
|
|
492
|
+
|
|
493
|
+
**Jobs the page must do.**
|
|
494
|
+
|
|
495
|
+
- Pass the 5-second test with the date in it: what the session is, who it is for, when (date, start time, named timezone), how long, on what platform, with registration in view. On this page the when is part of the what.
|
|
496
|
+
- Sell the session, not the topic: what an attendee walks away with, stated concretely ("leave with your first detection rule running" outranks "learn about detection engineering"). The transformation framing from course-sales, scaled to an hour.
|
|
497
|
+
- Say why live beats the recording for this session: the Q&A, the live teardown, the thing that only happens in the room. This is the load-bearing objection for the busy reader deciding whether to attend or wait for the replay (shared constraint 6: answer it in place).
|
|
498
|
+
- State the replay policy plainly, whichever way it goes. A page that hides an existing replay to force attendance spends trust it will want back at the next event; a page with no replay says so and lets that be the honest urgency it is.
|
|
499
|
+
- Establish the presenter in proof-dense terms: why this person, on this topic, is worth the hour.
|
|
500
|
+
- Apply the urgency that is native here: the date is real, a capacity cap when one exists, a registration deadline when one is real. This is the one archetype where urgency is structural rather than applied, and it still must be checkable; a seats-remaining counter with no cap behind it fails the integrity gate.
|
|
501
|
+
- Answer the logistics objections where they arise: cost if any, what is needed to attend, whether cameras are on, whether the session is recorded, who else will be in the room when that matters.
|
|
502
|
+
- Specify the post-conversion moment: the confirmation lands the calendar file (.ics or provider add-link) as the immediate deliverable and names what arrives by email and when, per the shared section and the `thank-you-post-conversion` contract. The registration is not done until the session is on the calendar.
|
|
503
|
+
|
|
504
|
+
**Proof requirements.** Presenter credibility carries the ask. The strongest artifact is a clip from a past session (the taste-it move again: let the reader sample the room). Attendee quotes and outcomes appear when real and attributed; a creditable registered-or-attended count supports. First-session pages substitute the presenter's own body of work, the course-sales first-cohort rule scaled down.
|
|
505
|
+
|
|
506
|
+
**CTA policy.** Default policy, with registration as the single action. The form takes a name and an email as the baseline; every added field costs registrations (rule 7), and a qualification field is sanctioned only for capacity-capped sessions that genuinely select. Navigation: none for single-source campaign traffic, minimal otherwise.
|
|
507
|
+
|
|
508
|
+
**Ordering constraints.** Adds to the shared set:
|
|
509
|
+
|
|
510
|
+
- Date, time, and duration appear in the hero; a reader who scrolls to learn when the event is has been made to work for the page's most basic fact.
|
|
511
|
+
- The replay policy is stated before the final ask; the attend-or-wait decision is this page's standing objection and may not be left to the confirmation email.
|
|
512
|
+
- For paid tickets, campaign-landing's constraint carries: the offer is not itemized before the session's mechanism (what happens live and why it works) is established.
|
|
513
|
+
|
|
514
|
+
Schema note: Gate 6's JSON-LD templates include `Event`; the Phase 2 spec supplies its real values (startDate and endDate with timezone, attendance mode, location URL, offers when the ticket is paid) so the schema mirrors the visible page exactly, per the ship-gates rule that forbids schema-only content and invented dates, prices, or seat counts.
|
|
515
|
+
|
|
516
|
+
Boundary: a paid ticket makes this a purchase against a date; merge with campaign-landing per the compiler (registration stays the goal, the offer and risk-reversal jobs join, and the strictest CTA policy wins, which here means campaign-landing's no-nav rule). A recurring session series with no fixed date is a different promise; it compiles newsletter-capture or saas-homepage instead. This contract exists for a real date.
|
|
517
|
+
|
|
518
|
+
---
|
|
519
|
+
|
|
520
|
+
## agency-services
|
|
521
|
+
|
|
522
|
+
For agencies, consultancies, studios, and productized services. The buyer is hiring judgment and process, delivered by people, and the sale closes in a conversation, not a cart; the page's job is to book that conversation with the right buyers and to cost the wrong ones as little of everyone's time as it can.
|
|
523
|
+
|
|
524
|
+
**Goal.** A booked qualified call. Qualified carries the weight: a services roster has a capacity ceiling a product never hits, so a calendar of wrong-fit calls costs more than a quiet one, and this page deliberately trades raw volume for fit.
|
|
525
|
+
|
|
526
|
+
**Buyer entry states.** Referrals dominate services traffic: the reader arrives warm from a name they trust, pre-sold on credibility and checking fit, process, and price posture. Search and directory arrivals are solution-aware comparers with a shortlist of firms open in other tabs; for them the wedge is the firm's specific judgment, shown in the work. Both states usually carry a committee behind the visitor: the person on the page sells the engagement internally before anyone books, so the page arms them with the case for this firm in sendable form. The spec states which arrival dominates.
|
|
527
|
+
|
|
528
|
+
**Jobs the page must do.**
|
|
529
|
+
|
|
530
|
+
- Say who the firm serves and what an engagement changes for them, in outcome terms: the positioning line names the client and the result, not the service list.
|
|
531
|
+
- Show the work as decisions: case studies that walk the problem the client brought, the calls the firm made and why, and what happened, with a number where one can be shared. For a services firm the case study is the product demo; a logo without a story is a claim, not proof.
|
|
532
|
+
- Name the process: what an engagement looks like from first call to delivered work, the stages and their rough durations, who actually does the work (the partner on this page or a team behind them), and what the client is expected to bring. Process legibility is how a buyer of judgment estimates risk.
|
|
533
|
+
- Draw the fit line explicitly: engagement minimums, the problems taken and the problems referred out, the client stage served. The membership not-for rule generalized, and it binds harder here, because qualification on the page is what keeps the goal's qualified honest. (No collision with shared constraint 9: the line turns away readers the engagement would fail.)
|
|
534
|
+
- State the pricing posture plainly: minimums or typical ranges when they can be said; when engagements are genuinely quote-shaped, say that and say why. A page that hides every number recruits the calls the fit line was built to prevent.
|
|
535
|
+
- Establish the people the client will actually work with: proof-dense bios of the real staffing, not a founder gallery in front of delegated work. Misrepresenting who shows up is this archetype's quiet integrity failure.
|
|
536
|
+
- Make the ask the call, and let the form qualify: the booking asks what the first conversation needs to be worth having (company, the problem in a sentence, budget band, timeline).
|
|
537
|
+
|
|
538
|
+
**Proof requirements.** Case studies with named clients and specific outcomes are the heaviest proof and sit immediately before the ask (shared constraint 3). Testimonials name the engagement and the result, not the firm's virtues. Logo rows support; they never substitute for one walked decision. Client names appear within what confidentiality allows, and an anonymized case says it is anonymized rather than implying permission.
|
|
539
|
+
|
|
540
|
+
**CTA policy.** One action: book the call. This is the contract that inverts the form-budget rule (rule 7) on purpose: qualification fields (company, role, problem, budget band, timeline) are sanctioned because their cost is their function, filtering wrong-fit bookings before they spend a roster slot. The inversion keeps its own discipline: every field must change whether or how the first call happens, and a field that only feeds a CRM goes. The spec records each field's qualifying purpose. Navigation: standard (work, services, people, contact).
|
|
541
|
+
|
|
542
|
+
**Ordering constraints.** Adds to the shared set:
|
|
543
|
+
|
|
544
|
+
- The fit line and the pricing posture precede the booking form: a call booked before the reader has met the minimums is the exact cost this page exists to avoid.
|
|
545
|
+
- The process is established before the pricing posture (shared constraint 4 in services form: a reader who hears the minimum before the engagement's shape prices judgment against nothing).
|
|
546
|
+
- The people who do the work appear before the final ask; the client is buying them.
|
|
547
|
+
|
|
548
|
+
---
|
|
549
|
+
|
|
550
|
+
## ecommerce-product
|
|
551
|
+
|
|
552
|
+
For a product page in a store: physical goods, and one-time purchases that ship or download. The price and the button are visible from arrival, so persuasion is not the work; the work is killing the four anxieties that stall a ready buyer: will it fit, when will it arrive, can I send it back, and is it really what the photos show.
|
|
553
|
+
|
|
554
|
+
**Goal.** Add-to-cart, or buy-now where the store's flow skips the cart. One product, one buy box.
|
|
555
|
+
|
|
556
|
+
**Buyer entry states.** Search and ad arrivals land product-aware, wanting confirmation, price, and logistics, not a pitch. Category browsers arrive from the store's own collection pages mid-comparison against sibling products, and the differentiation that matters is against those siblings, not against other stores. Returners come back to a considered cart or a saved item, usually blocked on one unanswered anxiety. Message match binds ad traffic to the exact variant advertised (shared constraint 8): the color in the ad is the color the page opens on.
|
|
557
|
+
|
|
558
|
+
**Jobs the page must do.**
|
|
559
|
+
|
|
560
|
+
- Show the product as it is: multiple angles, honest scale (in hand, on body, in the room), zoom that survives inspection, and customer photos beside the studio shots. The gallery is this page's demonstration, and a render or composite is labeled as one; a render passing as a photograph fails the integrity gate.
|
|
561
|
+
- Run the buy box plainly: price, variant selection (size, color, model) that truthfully updates price, photos, and availability, and the stock state as it is.
|
|
562
|
+
- Answer the logistics beside the box, not at checkout: shipping cost and time to the reader's region, the return window and who pays return shipping, and warranty terms. A shipping cost first revealed at checkout is the classic abandonment this contract exists to prevent.
|
|
563
|
+
- Answer fit where fit is the anxiety: size charts, fit notes sourced from reviews ("runs small" from buyers outranks the brand's own chart), and the model's size on the photo.
|
|
564
|
+
- Show the reviews with their volume, recency, and photos, negatives included: a review section filtered to praise fails the integrity gate as surely as an invented count.
|
|
565
|
+
- State the facts that prevent the return: dimensions, materials, compatibility, care. The return this page fails to prevent costs more than the sale it was afraid to lose.
|
|
566
|
+
- Name what makes it different from its siblings and its category when the store carries alternatives; a browser mid-comparison needs the one-line answer to why this one.
|
|
567
|
+
|
|
568
|
+
**Proof requirements.** Review volume with customer photos is the heaviest proof on the page: buyers trust other buyers' photographs over anything the store produces. Counts and ratings appear exactly as the store's system computes them. Stock and scarcity claims are real (a stock counter with no inventory system behind it fails the integrity gate), and strikethrough pricing follows the pricing-psychology rules: never faked.
|
|
569
|
+
|
|
570
|
+
**CTA policy.** The buy box is the primary CTA; a sticky repeat of it on scroll is sanctioned on long pages, because the box is the page's one action, not a competitor to it. Save-for-later and wishlist stay visually quiet. Navigation: the store's standard nav; a product page lives inside a store, and hiding the store reads as a trap.
|
|
571
|
+
|
|
572
|
+
**Ordering constraints.** Adds to the shared set:
|
|
573
|
+
|
|
574
|
+
- Price, variants, and availability are visible in the first viewport with the box. There is no mechanism to establish before the price here (shared constraint 4 reads trivially): the product is the mechanism, and hiding its price behind story reads as apology.
|
|
575
|
+
- Shipping and returns are answered before the last buy-box repetition.
|
|
576
|
+
- Review content is reachable within one interaction of the box, and on long pages the heaviest review material sits before the final repetition (shared constraint 3 in review form).
|
|
577
|
+
|
|
578
|
+
Schema note: Gate 6's JSON-LD templates include `Product` for this archetype (offers, availability, and ratings with real values only); the machine-readable price for agentic buyers rides the schema, since a per-product page has no site-root `/pricing.md` to carry it.
|
|
579
|
+
|
|
580
|
+
---
|
|
581
|
+
|
|
582
|
+
## changelog-launch-post
|
|
583
|
+
|
|
584
|
+
For release announcements, launch posts, and changelog entries that a launch drives traffic to: the page a newsletter, a social post, or a launch thread lands on the day something ships. The primary reader is unique in this file: an existing customer deciding whether the update matters to them. Launch-day strangers arrive too, and the page serves them second.
|
|
585
|
+
|
|
586
|
+
**Goal.** Re-engagement of existing users: the update tried, the feature adopted, or the upgrade started; pick one per release. The stranger's conversion (the product's own primary goal) is the page's secondary route, never the lead.
|
|
587
|
+
|
|
588
|
+
**Buyer entry states.** The existing customer is product-aware of the product and unaware of the release: they know the tool, not the news, and some have gone quiet since they last looked, so the post reads as a re-introduction as much as an announcement. Launch traffic is single-source by nature and message match binds (shared constraint 8): the post that sent the reader promised a specific thing, and the hero delivers that thing, not the quarter's roadmap. The spec states the release's goal and which affected segments exist (gated tiers, breaking-change cohorts).
|
|
589
|
+
|
|
590
|
+
**Jobs the page must do.**
|
|
591
|
+
|
|
592
|
+
- Lead with what changed and what it lets the reader do now, in outcome terms; the version number rides along, it does not lead. A reader who last opened the product months ago gets enough context to care without a homepage detour.
|
|
593
|
+
- Show the change working: a real screenshot or short clip of the feature doing the thing. The demonstration rule carries from every other contract, and it binds hardest here: a mockup of an unshipped state fails the integrity gate on a page whose whole claim is that this shipped.
|
|
594
|
+
- State who gets it and on what terms: which plans or tiers, rollout timing if staged, and anything breaking or migrating, stated to the affected reader before any ask reaches them. An upgrade-gated feature says so plainly instead of letting the reader discover the gate in-product.
|
|
595
|
+
- Give the shortest try-it path: a deep link to where the feature lives in the product, not a generic login link. The CTA's job is to collapse the distance between reading and using.
|
|
596
|
+
- Serve the stranger with one block, placed after the update story: what the product is, who it is for, and the route to the homepage or signup. The launch-day landing job, honestly sized.
|
|
597
|
+
- Keep the changelog's honesty: known limits, what is not in this release, and fixes alongside features. A changelog that reads like a press release spends the trust that makes changelogs worth subscribing to.
|
|
598
|
+
|
|
599
|
+
**Proof requirements.** The lightest proof burden after thank-you-post-conversion: the demonstration is the proof, and the reader can verify it in the product within a minute. Adoption or usage numbers appear only when real and creditable. Early-access user quotes follow the standard attribution rules.
|
|
600
|
+
|
|
601
|
+
**CTA policy.** One primary action per the release's goal: try it, turn it on, or upgrade. For upgrade-gated releases the CTA carries the tier delta plainly (what the reader's plan lacks, what the next one adds). The stranger's route stays visually quiet. Navigation: standard; this page lives on the product's site and often in its docs.
|
|
602
|
+
|
|
603
|
+
**Ordering constraints.** Adds to the shared set:
|
|
604
|
+
|
|
605
|
+
- The change is established before any upgrade ask (shared constraint 4 in release form: the feature is the mechanism, and an upgrade priced before the reader knows what changed prices nothing).
|
|
606
|
+
- Breaking changes and migration notes reach affected readers before the try-it ask; a reader who meets the migration in production because the post buried it is this page's worst outcome.
|
|
607
|
+
- The stranger block never precedes the update story: leading a release post with a product pitch tells the existing customer the page is marketing wearing a changelog's clothes.
|
|
608
|
+
|
|
609
|
+
---
|
|
610
|
+
|
|
611
|
+
## thank-you-post-conversion
|
|
612
|
+
|
|
613
|
+
For the page a just-converted reader lands on: the signup confirmation, the checkout success, the application-received screen. Every archetype in this file has this moment (the shared post-conversion section above binds them all), and it is the highest-trust moment the funnel ever produces. When the parent page's next screen is a page this skill can build, it is built to this contract in the same pass.
|
|
614
|
+
|
|
615
|
+
**Goal.** Make the conversion stick, then spend the moment once: the next action that turns a signup into a subscriber who reads, a purchase into a first use, an application into a kept appointment. Pick one as primary, derived from the parent page's goal.
|
|
616
|
+
|
|
617
|
+
**Buyer entry states.** One state, unique in this file: converted. The reader just handed over an email, money, or an application, and arrives carrying two questions in order: did it work, and what happens now. Paid conversions add a third, the remorse window: the quiet did-I-make-a-mistake that opens the moment the card is charged. Awareness states do not apply; the parent conversion defines the sub-state (just-subscribed, just-purchased, just-applied, just-booked), and each changes what making it stick means. The spec names the parent page and the sub-state.
|
|
618
|
+
|
|
619
|
+
**Jobs the page must do.**
|
|
620
|
+
|
|
621
|
+
- Confirm the conversion unambiguously in the first line: what just happened, stated as fact. Every other job waits until the did-it-work anxiety is dead.
|
|
622
|
+
- Deliver something immediately: the promised artifact, the best of what they signed up for, or the first concrete step already underway. This is the shared section's second obligation and this page's center; a thank-you page that only thanks is a dead end wearing manners.
|
|
623
|
+
- Set expectations for what arrives when, and from whom: the first issue, the onboarding email, the reply to the application, named specifically enough that the reader recognizes it when it lands and notices when it does not.
|
|
624
|
+
- Name the single next action and make it the page's one CTA: the confirm click for double opt-in flows, the calendar add, the first-run step, the install.
|
|
625
|
+
- Spend the moment's trust on at most one honest ask beyond the next action, when one worth making exists: a one-question survey (what nearly stopped you feeds `voc.md` with the objection map's ground truth), a share, or a genuinely related next offer. At most one; the moment is easily overspent, and a thank-you page with four asks converts none of them.
|
|
626
|
+
- For paid conversions, close the remorse window: restate the guarantee or refund terms and say when and how support answers. Reassurance is cheap here and expensive later, in a refund request.
|
|
627
|
+
|
|
628
|
+
The activation jobs (immediate delivery, the single next action, the expectation line) have a section companion: with the **onboarding** skill installed, Phase 2 hands it this contract's spec entries and its structure and copy input shapes them, per the companion table; activation and time-to-value are that skill's whole domain, and this page is where they live.
|
|
629
|
+
|
|
630
|
+
**Proof requirements.** The lightest in this file: the conversion already happened, and proof serves only whatever ask this page makes. An upsell ask carries proof adjacency like any CTA (shared constraint 2); an activation ask's proof is the product doing the thing. Padding this page with trust signals the reader no longer needs reads as insecurity after the sale.
|
|
631
|
+
|
|
632
|
+
**CTA policy.** One primary next action. In double opt-in flows the confirm instruction IS the hero and the only call to action above the fold, because an unconfirmed signup is a conversion the funnel already lost; every other ask waits below it. Navigation: minimal or none; the page's job is forward motion, not a return to browsing.
|
|
633
|
+
|
|
634
|
+
**Ordering constraints.** Adds to the shared set:
|
|
185
635
|
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
4. **Credibility narrative.** A short bio in the owner's actual voice, written like a person and not a LinkedIn summary. Years, the arc, the unusual parts. First or third person, consistently.
|
|
190
|
-
5. **Routes.** The two or three standing offers: work with me, join the community, read the newsletter. Each one line plus link; the primary CTA visually leads.
|
|
191
|
-
6. **Contact.** Direct and simple. State response expectations honestly.
|
|
636
|
+
- Confirmation precedes everything, including delivery and any ask; a reader unsure whether the purchase worked buys nothing else.
|
|
637
|
+
- Delivery precedes any additional ask: give before asking again.
|
|
638
|
+
- On paid conversions the remorse-window jobs (guarantee restatement, support path) appear before any upsell.
|
|
192
639
|
|
|
193
|
-
|
|
640
|
+
The 5-second test (shared constraint 1) translates naturally here: what just happened, what you get, what to do next, readable at a glance by someone whose only question is whether it worked.
|
|
194
641
|
|
|
195
642
|
---
|
|
196
643
|
|
|
197
|
-
_Provenance: reconciled 2026-07-07 against marketingskills 2.3.0 (copywriting page templates, cro, product-marketing). The archetype structures are page-foundry's own opinionated superset; the integrations, built-for, and enterprise/B2B patterns were added from copywriting's copy-frameworks. Re-reconcile when those companions change._
|
|
644
|
+
_Provenance: reconciled 2026-07-07 against marketingskills 2.3.0 (copywriting page templates, cro, product-marketing). The archetype structures are page-foundry's own opinionated superset; the integrations, built-for, and enterprise/B2B patterns were added from copywriting's copy-frameworks. pricing-page, comparison-alternatives, and thank-you-post-conversion added 2026-07-18 from the v3.0 catalog audit (`plans/research/pf-archetypes.md` section 4); docs-dev-tool-landing, waitlist-coming-soon, and event-webinar added 2026-07-18 from the same audit; agency-services, ecommerce-product, and changelog-launch-post added 2026-07-18, completing the audit's ranked list, with the 404 page and the portfolio settings landing as notes per its verdict that neither earns a full contract. Re-reconcile when those companions change._
|