02 — TERMINOLOGY: Opt-In Page
Locked vocabulary for the Opt-In Page kit. These terms have precise meanings in this system.
Page Structure Terms
| Term | Meaning | NOT This |
|---|---|---|
| Opt-in page | A single-purpose HTML page that captures first name + email in exchange for a free lead magnet | Not an offer page (no purchase). Not a sales page. Not a skill delivery page (no inline content). |
| Lead magnet | The free deliverable offered in exchange for contact info — a skill file, guide, checklist, etc. | Not the page itself. The page distributes the lead magnet; the lead magnet is a separate file. |
| Sticky form panel | The form container on the right column that uses position: sticky to stay visible as the visitor scrolls the left-column copy | Not a floating popup. Not a modal. It is part of the page layout, fixed within its grid column. |
| Form panel | The entire right-column container including: form heading, form fields, submit button, trust line, output preview, and compatibility note | Not just the form inputs. The panel is the full visual card. |
| Output preview | The "What You Get Back" section below the form inside the form panel — shows short example output lines from the lead magnet | Not a screenshot. Not a full example. It is 3-5 abbreviated sample lines that demonstrate the output format. |
| Hero section | The full-width section containing the two-column grid (copy left, sticky form right) with the dark gradient background | Not just the headline. The hero is the entire above-the-fold environment including the form. |
| What's Inside section | The centered section on cream/light background that lists every section of the lead magnet with numbered descriptions | Not a feature list. Each item describes what the section does, not what it is called. |
| Second CTA block | The dark-background centered card within the What's Inside section that contains a button linking back to the form | Not a second form. It is a link (href="#get-it") that scrolls to the sticky form in the hero. |
| Built By section | The short credential section with optional headshot, name, and one-sentence credential line | Not a full bio. Not an about page. One sentence, one image, no narrative. |
| Meta-compliant footer | The footer containing: Meta platform disclaimer, results disclaimer, entity line, contact email, and legal links (Privacy, Terms, Disclaimer) | Not optional. Every page that runs Meta ads must have this footer. |
Copy Structure Terms
| Term | Meaning | NOT This |
|---|---|---|
| Problem statement | The opening copy that names the pain the lead magnet solves — specific, concrete, recognizable | Not a generic pain point. "Every call starts with 20 minutes of scrolling through email threads" — not "Struggling with client meetings?" |
| Bridge line | The single gold-colored sentence that connects the problem to the solution by naming the lead magnet | Not a headline. Not a paragraph. One sentence, gold-colored, weighted 600. "The Client Intelligence Brief replaces that." |
| Mechanism description | The line explaining how to use the lead magnet — the literal instruction ("Paste 3-5 recent emails...") | Not a benefit statement. Not a promise. It describes the physical action the user takes. |
| Bullet list | The rsaquo-prefixed list of what the lead magnet produces — each item has a bold label and an em-dash description | Not checkmarks. Not numbered. Uses the right single angle quote (›) as the bullet character. |
| Credential line | A one-sentence proof statement naming years of experience and specific industry context | Not a testimonial. Not a bio paragraph. One sentence, factual, no claims about results. |
| Trust line | The short reassurance text below the form: "Free. No credit card. No sales call." | Not a guarantee. Not a results promise. It removes friction by naming what is NOT required. |
| Permission line | The small-print text explaining what happens after opt-in: "We'll email you the skill and occasional practice-building tips. Unsubscribe anytime." | Not a privacy policy. It is a plain-language consent statement inside the form panel. |
| Compatibility note | The line below the form panel: "Works with any large language model." | Not a brand endorsement. Never names a specific LLM product. |
Technical Terms
| Term | Meaning | NOT This |
|---|---|---|
| Inline styles | CSS applied directly via the style attribute on HTML elements in the body content | Not class-based CSS. Not external stylesheets. Body content uses only inline styles. |
| Style tag CSS | The minimal CSS in the |