00 — START HERE: Delivery Page
This is the setup and orientation document for the Delivery 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 an HTML landing page where recipients download a free skill file or resource. One page, one purpose: deliver the resource with context, setup instructions, and a download button. The page is linked from email or DM — not indexed by search engines.
Audience: Practice owners / advisory clients who requested the resource via a handraiser post, DM, or email signup. Format: HTML (single file, inline styles, no external CSS) Lifecycle: One-shot per skill/resource. Updated only if the skill file or download URL changes.
Primary brand: CYP / Practice Builders (Deep Teal + Fraunces + Montserrat) Variant: AOS (Charcoal + Cormorant Garamond + Inter) — see brand mapping in 02-terminology
Operating Modes
| Mode | Trigger | What It Produces |
|---|---|---|
| Mode 1 — Create | New skill or resource needs a delivery page | Complete HTML delivery page |
| Mode 2 — Improve This Kit | QC failure, manual changes, or system suggestions after a build | Updated kit files |
Mode 1 — Create
When to run: After the skill file is built, tested, and uploaded to Cloudinary.
Inputs needed: Skill file details (name, description, output sections, trigger phrase), Cloudinary URL, page copy (hero, OG tags), setup steps, tips.
What it produces: A single HTML file ready for upload to Convertri or equivalent hosting.
Before building: Confirm understanding of the skill, the campaign context, and the brand treatment. Do not start production until the advisor 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.
What This Does NOT Do
- Does not include cross-sell or paid offer content — that is campaign-specific and added per-campaign, not baked into the kit
- Does not produce the skill file itself — that comes from the Skill Build Kit
- Does not handle SEO — the page is noindex/nofollow (linked from email/DM only)
- Does not use scroll-reveal animations or JavaScript interactions — pure HTML + inline CSS
- Does not use CSS
var()— all values are hardcoded hex/rgba (inline style compatibility)
Page Architecture
7 sections minimum, with an optional cross-sell section added per campaign:
| # | Section | Background | Job |
|---|---|---|---|
| 1 | Header | Deep Teal (sticky) | Logo + "Download the Skill" anchor button |
| 2 | Hero | Teal-to-Slate gradient | Eyebrow + headline + subtitle |
| 3 | What This Skill Does | Cream | What the user does, what they get back, why it matters |
| 4 | What You Get Back | Teal-to-Slate gradient | Output sections listed — numbered rows |
| 5 | Setup | Off-White | Numbered steps + "Running It" subsection |
| 6 | Download (CTA) | Teal-to-Slate gradient | Download button (Cloudinary link) + one-line summary |
| 7 | Tips | Deep Teal | 3-4 usage tips from testing |
| 8 | What's Next (optional) | Cream | Campaign-specific cross-sell — added per campaign, not required |
| 9 | Footer | Deep Teal | Meta disclaimer + results disclaimer + copyright + contact + legal links |
File Inventory
| # | File | What It Is |
|---|---|---|
| 00 | 00-delivery-page-start-here.md | This file — orientation, architecture, modes |
| 01 | 01-delivery-page-context.md | Required inputs, validation rules |
| 02 | 02-delivery-page-terminology.md | Locked vocabulary, brand mapping, forbidden terms |
| 03 | 03-delivery-page-golden-example.html | The golden example — Client Intelligence Brief delivery page (CYP brand) |
| 04 | 04-delivery-page-quality.md | QC checklist — pass/fail with blocking failures |
| 05 | 05-delivery-page-output-skill.md | Production workflow — section by section with full template |
Total: 6 files.
Relationship to Other Kits
Skill Build Kit (content/frameworks/kit-skill-build/): Upstream dependency. The skill file and quick-start guide feed this page's content. Do not build until the skill file is tested.
Skill Delivery Page Kit (content/frameworks/kit-skill-delivery-page/): The AOS-branded version of this same page type. Uses AOS Interactive Narrative design system (Cormorant Garamond + Inter, charcoal backgrounds, CSS classes). This kit uses CYP/Practice Builders brand treatment (Fraunces + Montserrat, deep teal backgrounds, inline styles).
Handraiser Post Kit (content/frameworks/kit-handraiser-post/): The post drives traffic to this page via DMs. Page must be live before DMs are sent.
DM Sequence Kit (content/frameworks/kit-dm-sequence/): The DM sequence delivers the page URL. No direct content dependency.
Email Sequence Kit (content/frameworks/kit-email-sequence/): Email sequences may link to this page. No direct content dependency.
business-aos (Connected Repo): Voice and brand references. Load voice before writing page copy.
Self-Improvement Loop
Run kit → Produce delivery page → QC the page
↓
QC passes → Ship it. Done.
↓
QC fails OR you make manual changes → Mode 2
↓
Update golden example (if output changed)
Update output skill (if process needs to change)
Update quality checklist (if QC missed something)
↓
Next run is better.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.
File Location
advisory-os-vault/content/frameworks/kit-delivery-page/
00-delivery-page-start-here.md (this file)
01-delivery-page-context.md
02-delivery-page-terminology.md
03-delivery-page-golden-example.html
04-delivery-page-quality.md
05-delivery-page-output-skill.md