# Futurist Glass: Replication Prompt

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

```
Build a futuristic-minimalist newsletter hero as a single self-contained HTML file (inline CSS, vanilla, no frameworks, no JS dependencies). The mood is "icy futurism": a full-bleed macro portrait of a woman split into a three-panel triptych, with clean geometric typography floating over the left side.

BACKGROUND
Full-bleed fixed background image (object-fit: cover): a horizontal triptych portrait divided by thin, crisp white vertical lines into three panels. Left panel (~20%): solid flat light cerulean blue. Middle panel (~30%): sharp macro focus on a 30-year-old woman's face — left eye, nose, lips in crisp detail, short platinum-blonde textured crop haircut, neutral serene expression, looking slightly off-camera left, clear skin, pale blue eyes. Right panel (~50%): the same face heavily blurred and diffused, frosted/steamy glass effect. Cool icy palette of light blue, cerulean, crisp white, soft rose flush on the cheek. White high-collared structured garment. Soft diffused light from the right.
Image generation prompt for the photo: "High-fashion futuristic minimalist portrait, horizontal triptych divided by thin crisp white vertical lines. Left panel solid light cerulean blue. Middle panel sharp macro focus on the face of a 30-year-old woman with a short platinum-blonde textured crop, neutral serene expression, pale blue eyes, clear skin. Right panel heavily blurred frosted-glass continuation of her face. Cool icy palette of light blue, cerulean, white, soft rose flush. White high-collared garment. Tight macro headshot forehead to chin, face fills the frame, no text."
Layer a left-to-right scrim so text stays legible: horizontal gradient from rgba(6,16,32,0.72) at the left edge, easing to ~0.42 at 34%, near transparent by 58%, faint 0.10 at the right edge. Add a subtle vertical gradient (0.30 top, transparent middle, 0.42 bottom).

TYPOGRAPHY
Fonts via Google Fonts: "Space Grotesk" (300/400/500/600) for display and UI, "Inter" (400/500/600) for body.
Primary text #f4f9ff. Dim rgba(244,249,255,0.72). Faint rgba(244,249,255,0.48). Accent #7ec8ff (icy blue). Hairlines rgba(244,249,255,0.18).
Kicker: 11px, weight 500, uppercase, letter-spacing 0.32em, dim white, with a 34px × 1px accent rule to its left.
Headline: Space Grotesk 300 (light), clamp(40px, 5.2vw, 68px), line-height 1.04, letter-spacing -0.02em. Color "your inbox." in accent blue.
Subhead: 15.5px, line-height 1.7, dim white, max-width 460px.

LAYOUT
Nav (top, 26px 42px): wordmark left — a 2×2 grid logo (18px, rounded squares: two #f4f9ff, two #7ec8ff at 0.85 and 0.55 opacity) beside "Dispatch" in Space Grotesk 600. Right: "Login" dim link + "Get started" white pill button (dark text).
Hero content: left-aligned, vertically centered, max-width 540px, over the scrimmed left side.
Signup: pill form, max-width 460px, frosted glass (rgba(8,22,42,0.28) bg, 1px hairline border, 18px backdrop blur). Transparent input (placeholder "you@example.com") + white "Subscribe" pill (dark text, Space Grotesk 600). Below: "Free forever. Unsubscribe anytime." at 12.5px faint.
Stats strip: bottom, full-width (42px side margins), top hairline border, 4 equal columns separated by hairline left borders. Value: Space Grotesk 500, 22px. Label: 10.5px uppercase, letter-spacing 0.22em, faint.

CONTENT (use exactly)
Wordmark: "Dispatch" · Kicker: "The Weekly Dispatch · Issue N°142" · 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." · Stats: "24,000+ / Subscribers", "Weekly / Every Friday", "5 min / Average read", "100% / Free, no ads".

RESPONSIVE
Below 900px: stats wrap to 2 columns (third item loses left border).
Below 640px: hide "Login"; hero aligns bottom; image object-position shifts to 68% center; scrim switches to a vertical gradient.
Below 480px: signup stacks vertically (22px radius, full-width button). No horizontal scroll at any width.

DETAILS
Buttons lift on hover (translateY(-1px)). All glass uses backdrop-filter with -webkit- prefix. Restraint over decoration — hairlines, letter-spacing, whitespace.
```