← Vault Index
Source: frameworks/kit-offer-page/02-offer-page-terminology.md

Terminology — Offer Page Kit

This file is the canonical source for all vocabulary used in offer page production. When any other file in this kit uses a term defined here, this definition applies.


Page Structure Terms

TermDefinitionDo Not Use
Offer pageA single-purpose HTML page that presents one offer to warm traffic and drives one action."landing page" (too generic), "sales page" (acceptable in casual use but "offer page" is the kit term)
SectionOne of the 13 architectural blocks that compose an offer page. Each section has one job."block," "module," "component"
Section eyebrowThe small uppercase label above a section heading (e.g., "THE PATTERN," "WHAT YOU GET"). Gold text, Inter font, 0.7rem."tag," "label," "subtitle"
HeroThe first content section after the header. Must pass the 5-second test: who is this for, what do I get, what do I do next."banner," "above the fold"
Distinction sectionTwo-column comparison showing what this offer is vs. what it's not. Justifies the price point."comparison," "vs section"
Pull-quoteThe single strongest line from a testimonial, displayed with gold styling in a bordered callout."highlight quote," "featured quote"
Kill scriptThe team communication that announces a meeting change. Used in the Sync Tax context but applicable to any deployment communication."announcement," "change notice"

Design System Terms

TermDefinitionDo Not Use
AOS design systemThe Advisory OS visual identity: Cormorant Garamond + Inter fonts, charcoal/cream/gold color palette, gold scrollbar, specific hover states and spacing."brand guidelines," "style guide"
Gold scrollbarCustom scrollbar styling required on every AOS page. Webkit + Firefox implementations.n/a
Card hoverThe standard hover interaction: translateY(-4px) + box-shadow. Applied to all interactive cards."hover effect," "lift"
Charcoal sectionA section with dark background (linear-gradient from charcoal to deep-charcoal). Text switches to cream/stone."dark section," "inverted section"
Cream sectionA section with the default light background (#f9f7f4)."light section"
Off-white sectionA section with slightly different light background (#faf9f7) for visual alternation."alternate section"

Content Terms

TermDefinitionDo Not Use
InputsThe structured extraction of all offer details needed before building a page. Completed using the inputs template."brief," "requirements," "spec"
5-second testThe validation that a visitor can answer three questions within 5 seconds of seeing the hero: Who is this for? What do I get? What do I do next?"glance test," "clarity check"
CTACall to action. The primary button that drives the one action the page exists for."button" (when referring to the primary action)
CTA subtextThe line below the CTA button that lowers commitment anxiety."button caption," "helper text"
ProofTestimonials, case studies, and outcome data that demonstrate the offer works. Every proof element must show transformation, not generic praise."social proof," "reviews"
DisclaimerA note clarifying that proof came from a different product/engagement than the one being sold. Required when testimonials are from adjacent offers."fine print"

Production Terms

TermDefinitionDo Not Use
Golden exampleA complete, production-quality offer page used as a styling and structure reference. Not a content source."template," "sample"
QC checklistThe 42-item validation run after every build. Weighted scoring with 9 categories."review checklist," "quality check"
ConvertriThe page builder platform. Has specific technical constraints (no CSS variables, no mailto links).n/a
Hardcoded hexColor values written as literal hex codes (#b79d64) rather than CSS variable references (var(--gold)). Required for Convertri deployment.n/a

Language Rules

Use

Avoid

Copy Rules