00 — START HERE: Thank-You Page
This is the setup and orientation document for the Thank-You Page kit. Read this to understand what it is, what it does, what files it needs, and how to use it.
What This Is
This kit produces a single HTML thank-you page shown immediately after a lead magnet opt-in. The page has two jobs: (1) confirm the lead magnet is on its way, and (2) sell the next step in the funnel.
Audience: The person who just opted in — warm, curious, still engaged. Format: HTML — single self-contained file with inline styles. Lifecycle: One-shot per funnel entry point. Each lead magnet gets its own thank-you page.
Operating Modes
| Mode | Trigger | What It Produces |
|---|---|---|
| Mode 1 — Create | New lead magnet needs a post-opt-in page | Complete HTML thank-you page |
| Mode 2 — Improve This Kit | QC surfaced issues, manual changes made, or system suggestions | Updated kit files (golden example, output skill, quality checklist) |
Mode 1 — Create
Run when a new lead magnet enters the funnel and needs a thank-you page. Requires: lead magnet name, delivery method, next offer details, brand variant (CYP or AOS).
Before building, confirm your understanding of the inputs:
"Here's what I'm going to build. Here's what I'm working from. Does this match your intent, or am I missing something?"
Do not start production until Kathryn confirms.
Mode 2 — Improve This Kit
The self-improvement loop. After running this kit:
- Did I change anything in the output by hand? → Update golden example + output skill
- Did QC miss something I caught? → Update quality checklist
- Should the kit do something it doesn't? → Update output skill
The rule: Every manual fix should become a kit fix. If you fixed it by hand, fix the kit so you never fix it by hand again.
What This Does NOT Do
- Does not produce the opt-in page itself (that is a separate asset — an offer page or landing page)
- Does not produce the email delivery sequence (that is the Email Sequence kit)
- Does not build the next offer's sales page (the upsell CTA links to an existing page)
- Does not handle payment processing or checkout flows
- Does not include scroll-reveal animations or JavaScript interactions
File Inventory
| # | File | What It Is |
|---|---|---|
| 00 | 00-thank-you-page-start-here.md | This file — orientation, modes, file inventory |
| 01 | 01-thank-you-page-context.md | Required inputs per mode, validation rules |
| 02 | 02-thank-you-page-terminology.md | Locked vocabulary — what terms mean in this kit |
| 03 | 03-thank-you-page-golden-example.html | Reference output — CIB thank-you page (CYP brand) |
| 04 | 04-thank-you-page-quality.md | QC checklist — point-scored, 90/100 pass threshold |
| 05 | 05-thank-you-page-output-skill.md | The production skill — how to generate the page |
Total: 6 files.
Relationship to Other Kits
| Kit | Relationship |
|---|---|
| Offer Page | The thank-you page CTA often links to an offer page. Shares design system conventions (inline styles, gold scrollbar, responsive breakpoints). |
| Skill Delivery Page | Alternate downstream destination — the thank-you page may link to a delivery page instead of an offer page. |
| Email Sequence | The email sequence delivers the lead magnet; the thank-you page confirms it. Both are triggered by the same opt-in. |
| Handraiser Post | Upstream — the handraiser post drives the opt-in that triggers this page. |
| DM Sequence | Upstream — DM sequence may contain the opt-in link that triggers this page. |
| Skill Concept Brief / Skill Build | The lead magnet itself may be a skill built by these kits. The thank-you page describes what was just requested. |
Self-Improvement Loop
After every kit run, ask:
- Did I change anything in the output by hand? → If yes, Mode 2.
- Did QC miss something I caught? → If yes, Mode 2.
- Is there something the kit should do that it doesn't? → If yes, Mode 2.
If the answer to all three is no, the kit is working. Move on.
File Location
advisory-os-vault/content/frameworks/kit-thank-you-page/
00-thank-you-page-start-here.md (this file)
01-thank-you-page-context.md
02-thank-you-page-terminology.md
03-thank-you-page-golden-example.html
04-thank-you-page-quality.md
05-thank-you-page-output-skill.md