# Paper Terrain — Replication Prompt

Build a surreal editorial newsletter hero as a single self-contained HTML file (inline CSS, vanilla, no frameworks). The mood is "dream library": a full-bleed photographic landscape made of giant open books whose pages fold into rolling hills, under warm golden haze.

## BACKGROUND

- One full-screen background image covering the entire hero section (background: center top / cover): a surreal landscape constructed entirely of enormous open books — their curved, fanned pages form rolling topographic hills receding to the horizon. Palette is ivory, cream, and warm white with soft golden sunlight glowing from the upper right and fine printed-text texture on the page surfaces. A lone woman, small in frame, walks along the curved spine of one giant book, wearing a long flowing red dress that billows in the wind — the single vivid color accent in the whole scene.
- Image generation prompt for the backdrop: "A surreal dreamlike landscape made entirely of giant open books — enormous book pages curve and fold into rolling topographic hills and valleys stretching to the horizon. Ivory, cream, and warm white palette with soft golden sunlight from upper right, gentle atmospheric haze. In the middle distance, a woman seen from behind wearing a long flowing red dress walking along the curved spine of one giant open book. Fine printed text texture on the page surfaces. Soft editorial painterly photographic style. Upper third of frame is soft hazy bright sky for typography overlay. Wide cinematic landscape composition."
- Overlay a readability veil across the section: a vertical linear gradient of the page paper color, rgba(244,238,226) — 0.88 alpha at top, ~0.62 at 26%, 0.30 at 52%, 0.14 at 72%, 0.55 at 100% — so text stays clean while the book hills remain clearly visible through the middle.
- Page background color: #f4eee2 (warm paper). Section uses min-height: 100svh.

## TYPOGRAPHY

- Google Fonts: "Inter Tight" (400/500/600) for all UI text, "Instrument Serif" italic for display accents.
- Ink color: #231a10 (deep brown-black). Soft: rgba(35,26,16,0.62). Faint: rgba(35,26,16,0.42). Accent: #c1272d (book-spine red).
- Kicker: 12px, 500, uppercase, letter-spacing 0.32em, faint ink, centered.
- Headline: two centered block lines, clamp(46px, 7vw, 100px), line-height 1.02. Line 1: Inter Tight 600, letter-spacing -0.035em. Line 2: Instrument Serif italic 400 with the word "your" in #c1272d (italic serif in red).
- Subhead: 17px, line-height 1.65, soft ink, max-width 560px, centered, margin-top 30px.
- Stat values: Instrument Serif italic, clamp(30px, 3vw, 44px).

## CONTENT (use exactly)

- Nav: left wordmark "Dispatch" (19px, 600) with a 22px SVG logo — a 2×2 grid of rounded squares mixing #231a10 and #c1272d at varying opacity (85% / 45% / 35%). Right: text links "Home Page / About / Archive / Pricing" (14px, 500, soft ink) — hide on mobile below 760px — plus a dark-ink rounded "Get started" pill button (#231a10 bg, #fbf7ee text, 13.5px 600, hover lifts 1px).
- Kicker: "The Weekly Dispatch · Issue N°142"
- Headline: "The ideas worth" / "your inbox." — with "your" in the red italic serif.
- Subhead: "One email every Friday. Big ideas, clear thinking, and zero noise — for 24,000 readers who like their insights sharp and their inboxes calm."
- Form: centered pill signup (max-width 520px), frosted cream glass — rgba(251,247,238,0.66) background, 1px rgba(120,95,60,0.28) border, 16px backdrop blur with -webkit- prefix, soft paper-toned shadow. Transparent input, placeholder "you@example.com" in faint ink. Dark ink "Subscribe" button (cream text, 14.5px 600, hover lifts 1px). On mobile below 640px the form stacks vertically with 24px radius and a full-width button.
- Microcopy below form: "Free forever. Unsubscribe anytime." — 13px, faint ink.
- Stats strip (margin-top ~110px): 4 columns divided by thin 1px rgba(120,95,60,0.28) vertical rules. Each stat: Instrument Serif italic value, a 34px × 2px red rule, a 15px 600 label, and a 12.5px soft-ink note:
  1. "24,000+" / Subscribers / "Readers who open, finish, and forward — not just names on a list."
  2. "Weekly" / Every Friday / "One email, same time every week. Predictable by design."
  3. "5 min" / Average read / "Long enough to matter. Short enough to actually finish."
  4. "100%" / Free, no ads / "No sponsors, no tracking pixels, no noise. Just the ideas."
  Below 980px stats collapse to a 2×2 grid; the third item drops its left border.
- Footer: "© Dispatch — The ideas worth your inbox." — 12.5px, faint ink, centered, margin-top 70px.

## LAYOUT NOTES

- Everything sits inside a max-width 1240px container centered over the background.
- Nav padding 26px top. Hero block padding-top ~88px (64px mobile).
- Form margin-top 46px. Stats sit near the bottom of the viewport so the mid-frame empty glow stays visually open.
- On mobile the veil is deepened to keep text readable over the smaller-scaled scene.
- Fully responsive, no horizontal scroll.