01 — CONTEXT: CYP Paid Traffic Page
Input definitions, validation rules, and what each mode requires.
Mode 1 Inputs
Shared Inputs (Both Page Types)
| Input | Required | Example | Used For |
|---|---|---|---|
| Page type | Yes | opt-in or purchase | Determines section selection, golden example reference, CTA structure |
| Product/offer name | Yes | "Client Intelligence Brief", "52 Claude Skills for Independent Consultants" | Headline, CTA, meta pills |
| One-line product description | Yes | "Prep for any client call in 2 minutes" | Hero subhead, meta description |
| Target audience | Yes | "Independent consultants running a professional services practice" | Copy tone, problem framing, qualification section |
| CTA destination | Yes | #get-it (anchor to form), https://thepracticebuilders.ai/checkout/skill-library (ThriveCart) | Button href |
| CTA button text | Yes | "Send Me the Brief", "$7 — Get Instant Access" | Button label |
| Credibility statement | Yes | "Built by Kathryn Brown — 25 years deploying operational systems into advisory practices" | Authority section |
| Meta description | Yes | 155 characters max | SEO, social sharing |
| Legal disclaimers needed | Yes | Meta, results/earnings, Anthropic/Claude | Footer content |
Opt-in Page Inputs
| Input | Required | Example | Used For |
|---|---|---|---|
| MailerLite form HTML | Yes | Complete form embed code from MailerLite | Hero form panel |
| MailerLite account ID | Yes | 1275437 | Universal script |
| Form success redirect URL | Yes | https://thepracticebuilders.ai/cib-thank-you | Post-submit redirect |
| What the free asset produces | Yes | 4 items: "Rolling items alert", "Client priority read", "Call playbook", "Next actions" | Feature list, form preview section |
| Proof statement | No | "Built by Kathryn Brown — 25 years in operations..." | Below-fold copy |
| Header CTA text | No | "Get the Free Skill" | Header button (anchors to form) |
Purchase Page Inputs
| Input | Required | Example | Used For |
|---|---|---|---|
| Audience temperature | Yes | warm (knows brand — email list, organic, referral) or cold (no prior relationship — Meta ads, paid traffic) | Section selection — cold traffic requires Mechanism, Results-in-Advance, Qualification, How It Works sections. See output skill section library. |
| Price | Yes | "$7", "$100", "$29" | CTA, meta pills, value stack |
| Product contents/categories | Yes | List of 3-8 categories with items | Category grid or session cards |
| What's included list | Yes | 3-6 deliverables | Value stack section |
| Problem statement | Yes | 2-3 sentences on what the buyer struggles with | Problem bridge section |
| FAQ items | Yes | 3-5 Q&A pairs | FAQ section |
| Guarantee | No | "30-day money-back, no questions asked" | Guarantee callout |
| Testimonials | No | Quote + name + title + company | Testimonial band or proof cards |
| Countdown timer | No | Duration in minutes (e.g., 15) | JavaScript timer, urgency section |
| Decline link text | No | "No thanks, I'll stick with just the one skill" | Below CTA |
| Comparison options | No | 3 approaches with one marked "Recommended" | Comparison section |
| Before/after items | No | 4-6 items per column | Transformation section |
| Photo URL (Cloudinary) | No | Full Cloudinary URL | Authority photo-overlay section |
Structural Variant Inputs
| Variant | Additional Input | Required | Used For |
|---|---|---|---|
| Thank-you with offer | Confirmation message (what was just delivered) | Yes | Confirmation bar at top |
| OTO page | Accept CTA text, Decline CTA text | Yes | Dual CTA structure |
| OTO page | "Added to your order" framing | Yes | Urgency context |
Mode 1 Validation Rules
- Page type must be declared first. Opt-in and purchase pages have different section architectures. Don't start building until the type is confirmed.
- CTA destination must be a real URL or anchor. No placeholder
#links in shipped pages.#checkoutis acceptable during development but must be flagged for replacement. - MailerLite form HTML is pasted in, not generated. The kit does not create MailerLite forms — it embeds the form HTML Kathryn provides from MailerLite's dashboard.
- Every purchase page must have FAQ. Minimum 3 items. Cold traffic has questions — unanswered questions kill conversions.
- Gold text (#b79d64) on cream (#f1ede6) fails WCAG. Use #6b5d3e for gold-toned text on any light background (cream, white, off-white).
- No CSS variables. All styles inline with hardcoded hex values. These pages may be deployed via Convertri, Vercel, or direct HTML — CSS variables break in some embed contexts.
- No navigation links. Header has logo only (+ optional CTA anchor for opt-in). Footer has legal links only. The page has one job.
- Disclaimers are non-negotiable. Meta disclaimer required on all pages running Meta ads. Anthropic/Claude disclaimer required on any page selling AI-related products. Results disclaimer required on any page making outcome claims.
- Mobile responsive at three breakpoints. 968px (grid collapse), 840px (typography scale down), 640px (compact mobile). All three must be tested.
- Countdown timer must use JavaScript, not fake urgency. Timer starts on page load, counts down from specified duration. No server-side tricks, no fake "only 3 left" scarcity.
Mode 2 Inputs (Improve)
| Input | Required | Source | Used For |
|---|---|---|---|
| Kit location | Yes | content/frameworks/kit-cyp-paid-traffic-page/ | Which kit to improve |
| Trigger | Yes | QC failure, manual changes, or system suggestion | Determines which files to update |
| Updated output | If applicable | The corrected HTML page | May update golden example reference |
| QC findings | If applicable | Specific checklist items that failed | Updates quality checklist |
| Process changes | If applicable | Steps that were wrong or missing | Updates output skill |
Validation Rules — Mode 2
- Always read all current kit files before making changes.
- Changes propagate — golden example changes may require output skill and quality updates.
- Never remove a quality check without a reason.
- Document changes: append to
## Change Logsection in the updated file.
Input Priority Hierarchy
When inputs conflict:
- The golden examples win for design patterns, component styling, and section architecture
- Kathryn's description wins for product details, audience, and copy direction
- CYP brand specs win for colors, typography, and visual treatment (see terminology file)
- Skill delivery page kit terminology wins for AI product language (download, upload, run — never paste)
- Copy QC and voice.md win for tone and banned vocabulary
Page Type Decision Guide
| Signal | Page Type |
|---|---|
| Collecting email/name, delivering free asset | Opt-in |
| Selling a product, sending to ThriveCart checkout | Purchase |
| Post-opt-in page that also sells something | Thank-you with offer (Purchase variant) |
| Post-checkout one-time offer | OTO (Purchase variant) |
| Post-purchase confirmation only | Use kit-thank-you-page instead |
External QC Dependencies
These files must be consulted during production:
| File | Location | When |
|---|---|---|
| Copy QC | business-aos/reference/brand/copy-qc.md | After all copy is written — scan for AI patterns |
| Sentence Editor | business-aos/reference/brand/linkedin-sentence-editor.md | After copy QC — tighten prose |
| Voice | business-aos/reference/core/voice.md | During copy writing — tone calibration |
| FTC Compliance | business-aos/reference/brand/ftc-compliance.md | Before shipping — income/results claims check |
| Meta Ad Policy | business-aos/reference/brand/meta-policy.md | Before shipping pages running Meta ads |