# Advertorial Wireframe — Sleep + Recovery

> Structure spec. See `landing-page/advertorial.html` for live HTML and full copy.

## Layout

Standard editorial article layout. Width: 720px max content column. Mobile-first.

## Sections (in order)

| § | Element | Visual |
|---|---|---|
| 1 | Magazine-style header | "JOURNAL — SETU" small caps, byline |
| 2 | Hero image | Editorial: founder portrait OR sleep scene |
| 3 | Title (H1) | 36-48px serif |
| 4 | Subhead (lead) | 18px italic, ~30 words |
| 5 | Author + date | Small caps gray |
| 6 | Body paragraph 1 (hook) | 16px regular, ~150 words |
| 7 | Section break image | Editorial photograph |
| 8 | Body paragraphs 2-3 (problem) | 16px, ~300 words |
| 9 | Inline quote / pull-quote | 22px italic, indented |
| 10 | Body paragraphs 4-5 (science) | 16px, ~400 words |
| 11 | Inline chart/diagram | Clinical proof or 4-pathway |
| 12 | Body paragraph 6 (discovery — brand) | 16px, ~200 words |
| 13 | Body paragraphs 7-8 (why it works) | 16px, ~500 words |
| 14 | Inline image: product | Canonical packshot |
| 15 | Body paragraphs 9-10 (compliance + timeline) | 16px, ~500 words |
| 16 | 8-week timeline diagram | Visual |
| 17 | Body paragraph 11 (price/risk) | 16px, ~200 words |
| 18 | Pull-quote: testimonial | 22px italic |
| 19 | Soft CTA block | Button + 1 line |
| 20 | Footer: SETU brand block | Logo + secondary CTA |

## CTA placement

- ONE soft CTA at ~85% scroll (post-conviction)
- NO sticky cart (advertorial format, not transactional)
- Final brand link in footer

## Width / column

- Max width 720px
- Body text 16px / line-height 1.7
- Generous whitespace between sections
- Mobile: single column, padding 24px

## Tone

- First-person essay voice ("I spent three weeks...")
- Self-deprecating, honest
- Brand appears mid-way (NOT in headline)
- No "BUY NOW" CTAs
- Real journal citations