Visual spec sheet for the agency. Pick a hero by page type, add a body module if you want a wow shot, ship the page. Trust + explore strips render automatically.
Three options, named A / B / C. Pick one per page. Body photo modules are separate (see next section) and can be added or skipped on any hero.
Short blurb with the speakable phrase. CTA below.
Lead paragraph with the speakable phrase and the primary CTA below.
Lead paragraph carries the page. Photos live in the body via the body modules below — never in the hero.
Use zero, one, or both. Stack them in either order. Same modules work on Hero A, B, or C — Shopify-ready toggles for the agency build.
| Page type | Goal | Hero | Body modules | Why |
|---|---|---|---|---|
| HOF gear | Browse → desire → buy | Hero A | Big + spec strip + Dual | Full-bleed photo earns attention. Big body shot + dual shots build desire across the scroll. |
| Program / Service | Decide → contact | Hero B | Dual (optional) | One clear pitch on the left, one strong photo on the right, one CTA below. |
| Editorial | Read → share | Hero C | Big or Dual | Story leads. The wow shot lives in the body via a module, not in the hero. |
| Campaign | Click → shop | Hero B | none (or Big) | Promo balance — copy + image + CTA above the fold; optional body shot for hero product. |
| Policy | Read → comply | Hero B | none | Lightweight hero, body does the heavy lifting. No dark heroes on policy pages. |
#EDE8E2.#2C2C2A) — and never first.--near-black only.#fde8e6, rgba(192,57,43,0.04–0.08) as standalone backgrounds.Each link below opens the canonical example for that pattern. Use them as the reference implementation for any new page.