Native — Alpine Photo Serif

Big-Photo Immersive

Full-bleed alpine photograph fills the hero behind an italic serif headline, trading tech-UI coldness for a warm travel-brochure feel.

Native — Alpine Photo Serif preview — Scrolling capture — scroll inside the frame to see the whole page

Mood: Warm, human, almost travel-brochure — a B2B marketing-automation tool that refuses to look like software. Playful confidence rather than technical precision.
Colors: Photographic hero (sky blue #A9D2E8, mountain green #6B8F5C, water teal #4E7E8C) behind white/cream UI elements. Content sections drop to warm off-white (#FAF6EC). Single accent is a warm mustard-orange (#D98C2B) used on one highlighted word and small UI accents. CTAs and headlines run near-black (#1A1A1A).
Type: An italic serif display face (like Canela or Tiempos Text Italic) for headlines with one word in the accent orange, set against a clean sans (Inter-like) for nav, labels, and body copy — small tracked-out uppercase eyevrow labels above each section.
Layout: Full-bleed photographic hero with centered headline, subhead, minimal input-and-button bar (URL field styled as a rounded search pill), floating social-post mockup cards peeking from the hero's bottom edge. Below: a logo wall, then numbered how-it-works sections alternating copy blocks with large white product-screenshot cards on cream backgrounds.
Motion: Gentle parallax or fade on the hero photo, sequential reveal of the numbered steps as you scroll, soft crossfade on the floating post-card mockups — nothing mechanical or bouncy.
Texture: Photographic grain/depth in the hero only; below the fold everything is flat and matte (cream cards, thin borders on product screenshots), a soft cookie-consent card overlay pattern in the hero for realism.
Imagery: Generate: a wide alpine lake-and-mountain landscape photograph for the hero background (soft blue sky, green slopes, still water), plus small colorful social-post mockup cards (Instagram/Facebook-style ad creatives) to scatter below the fold. Tool: Pexels for the landscape photo; kie-ai Seedream or GPT-Image for the social-post mockup thumbnails.
Don't: No dark backgrounds, no glossy gradients or neon accents, no monospace/terminal type, no dense dashboard grids — keep the photographic warmth dominant and the UI secondary.

Use in a session

native-no

Tell Claude: build [my thing] using swipe ref native-no

Full recreation prompt

Recreate a landing page in the "Native — Alpine Photo Serif" style (Big-Photo Immersive). This is a VIBE / STYLE-TRANSFER task, not a clone: apply the design DNA below to MY content and section structure, do not copy the reference's copy or exact layout.

Design DNA:
- Mood: Warm, human, almost travel-brochure — a B2B marketing-automation tool that refuses to look like software. Playful confidence rather than technical precision.
- Colors: Photographic hero (sky blue #A9D2E8, mountain green #6B8F5C, water teal #4E7E8C) behind white/cream UI elements. Content sections drop to warm off-white (#FAF6EC). Single accent is a warm mustard-orange (#D98C2B) used on one highlighted word and small UI accents. CTAs and headlines run near-black (#1A1A1A).
- Typography: An italic serif display face (like Canela or Tiempos Text Italic) for headlines with one word in the accent orange, set against a clean sans (Inter-like) for nav, labels, and body copy — small tracked-out uppercase eyebrow labels above each section.
- Layout: Full-bleed photographic hero with centered headline, subhead, minimal input-and-button bar (URL field styled as a rounded search pill), floating social-post mockup cards peeking from the hero's bottom edge. Below: a logo wall, then numbered how-it-works sections alternating copy blocks with large white product-screenshot cards on cream backgrounds.
- Motion: Gentle parallax or fade on the hero photo, sequential reveal of the numbered steps as you scroll, soft crossfade on the floating post-card mockups — nothing mechanical or bouncy.
- Texture: Photographic grain/depth in the hero only; below the fold everything is flat and matte (cream cards, thin borders on product screenshots), a soft cookie-consent card overlay pattern in the hero for realism.
- Avoid: No dark backgrounds, no glossy gradients or neon accents, no monospace/terminal type, no dense dashboard grids — keep the photographic warmth dominant and the UI secondary.

Imagery (generate real assets, do not use placeholders): Generate: a wide alpine lake-and-mountain landscape photograph for the hero background (soft blue sky, green slopes, still water), plus small colorful social-post mockup cards (Instagram/Facebook-style ad creatives) to scatter below the fold. Tool: Pexels for the landscape photo; kie-ai Seedream or GPT-Image for the social-post mockup thumbnails.

Reference exemplar: https://native.no/. Build the page around the content I give you next, faithfully channeling this aesthetic, and generate the matching imagery described above.

Reference exemplar

https://native.no/ ↗