# Alpine Coordinates: Replication Prompt

Optimized for AI code builders (Claude, Cursor, v0). Paste the block below, then attach or link the artwork asset.

```
Build an alpine-editorial newsletter hero as a single self-contained HTML file (inline CSS, no frameworks, no JS). The mood is "golden-hour expedition": a full-bleed Dolomites mountain backdrop, a giant outlined DISPATCH wordmark floating over the peaks, a coordinates detail line, and a frosted-glass signup pill over a warm scrim.

ARTWORK
- Generate the backdrop first, landscape: "Jagged Dolomites mountain spires at golden hour, warm amber sunlight illuminating the right faces of the peaks, the horizon melting from amber into soft pink and deep navy-blue sky above, low clouds and mist swirling around the base of the mountains, cinematic, high detail, wide landscape composition with empty sky in the upper third for typography. No text." Export as JPG and reference from assets/dolomites-bg.jpg.
- Serve full-bleed: a .stage::before pseudo-element with background url center / cover no-repeat, z-index -2.
- Two legibility overlays on .stage::after: a vertical linear-gradient (rgba(10,8,14,0.72) at top → 0.30 through the middle → 0.55 at bottom) plus a radial-gradient (120% 80% at 50% 108%, rgba(240,163,90,0.14) → transparent 60%) for a warm bloom low in the frame.

PALETTE
- Paper white #ffffff, ink #14100c, dim rgba(255,255,255,0.78), faint rgba(255,255,255,0.55), hairline rgba(255,255,255,0.22).
- Gold accent #f0a35a (coordinates, kicker dot, stat rules, logo square).
- Glass: rgba(20,16,12,0.32) for the signup pill, rgba(16,12,9,0.45) for nav surfaces, all with backdrop-filter blur(14-18px) saturate(1.2) + -webkit prefix.

TYPOGRAPHY
- Single font: Inter (400/500/600/700) via Google Fonts.
- Giant outlined wordmark "DISPATCH": clamp(68px, 14.5vw, 200px), weight 700, letter-spacing 0.08em, line-height 0.9, uppercase, color transparent with -webkit-text-stroke: 2px rgba(255,255,255,0.82) (1.5px below 980px). This hollow-letter wordmark is the QUEENSTOWN signature — the rock shows through.
- Coordinates: 12.5px, weight 500, letter-spacing 0.32em, uppercase, gold, with a dark text-shadow stack for contrast.
- Kicker: 11.5px, weight 600, letter-spacing 0.3em, uppercase, faint, with a 7px gold dot before it.
- Headline: clamp(38px, 4.8vw, 64px), weight 600, letter-spacing -0.035em, line-height 1.04, max-width 16ch, dark text-shadow.
- Subhead: 15.5px, line-height 1.68, dim, max-width 520px, dark text-shadow.

LAYOUT (desktop)
- Nav: wordmark left (2×2 grid logo SVG — three white squares at varying opacity + one gold rounded square — beside "Dispatch"). Center: a frosted pill-nav (Home / Latest Issue / Archive / About) with the active item on a white pill with a 6px gold dot. Right: two circular icon buttons (account + menu), one solid white, one glass.
- Hero: centered column, vertically centered. Order: outlined DISPATCH wordmark, coordinates line, kicker, headline, subhead, signup, microcopy.
- Signup: frosted pill, max-width 470px, 6px padding, transparent input (placeholder "you@example.com", faint placeholder) + white pill "Subscribe" button (dark text, weight 600, lifts 1px on hover). Microcopy below: "Free forever. Unsubscribe anytime." at 12.5px faint.
- Stats rail: bottom, 4-column grid, 1px hairline top border, each stat with a 26px × 2px gold rule above the value. Value clamp(22px, 2.2vw, 30px) weight 600; label 12.5px dim.
  Stats: "24,000+ / Subscribers", "Weekly / Every Friday", "5 min / Average read", "100% / Free, no ads".

EXACT COPY (never alter)
- Wordmark: "Dispatch" · Kicker: "The Weekly Dispatch · Issue N°142" · Coordinates: "46.4102° N · 11.8440° E"
- Headline: "The ideas worth your inbox."
- 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."
- Placeholder: "you@example.com" · Button: "Subscribe" · Microcopy: "Free forever. Unsubscribe anytime."

RESPONSIVE
- Below 980px: pill-nav hidden; wordmark stroke thins to 1.5px; stats wrap to 2 columns.
- Below 560px: non-solid nav icon hidden; signup stacks vertically (24px radius, full-width button); coordinates letter-spacing tightens.
- No horizontal scroll at any width.

DETAILS
- Buttons lift on hover (translateY(-1px)).
- All glass uses backdrop-filter with -webkit prefix.
- The outlined wordmark and the coordinates line are the two travel-editorial signatures — do not remove them.
```