Explore

Son Daven

PRO

sondaven.com

Visit website
Screenshot of Son Daven
Consumer BrandPublished
  • Animation
  • Dark
  • Editorial
  • Large type

Palette

Typography

  • Primary

    KTF Metro Roman
    Weights
    400, 500
    Fallback
    Georgia, 'Times New Roman', serif

  • Secondary

    KTF Metro Blueline
    Weights
    400, 500, 600
    Fallback
    Arial, Helvetica, sans-serif

About this design

A cinematic resort-hotel investment site that pairs architectural imagery with a striking vertical-line raster language, warm mineral palette, and editorial layouts.

Prompts

Pro access

Six prompts, in build order. Pro unlocks all six, ready to paste into your AI tool.

  • Main build prompt
  • Build frontend
  • Generate assets
  • Add animations
  • Responsive polish
  • Final visual polish

Build Recipe

Framework

  • Webflow· Detected
  • React
Agent
Codex
Model
GPT 6 AstraThe build requires sustained, pixel-sensitive work across a full cinematic scroll narrative, bespoke masking transitions, and carefully choreographed editorial layout changes.

Creative tools

  • Nano Banana
  • Recraft

Libraries

  • GSAP· Detected
  • Lenis· Detected
  • Barba.js· Detected
  • Swiper· Detected
  • GSAP
  • Lenis

Special requirements

A custom vertical pixel-rail mask system; high-resolution architectural and landscape photography matching the reference’s wide 1.98:1 stage; subtle map-line SVG artwork; motion choreography across section transitions.

AI Replicability

85 / 100

The visual system and its scroll motion can be reproduced reliably with mature animation tools and generated substitute imagery. The main remaining challenge is art-directing a consistently premium architectural photo set and tuning the pixel masks optically.

Main remaining challenge

Creating a versatile vertical pixel-rail masking system that feels like an intentional graphic language across type, photography, transitions and section boundaries rather than a repeated glitch effect.

The design and branding of Son Daven belong to their authors. InspoToCode documents its visual language as a reference; anything you build from it should carry your own branding, copy and assets.

Design analysis

Pro analysis

Understand why the design works

The written breakdown of this design: composition, hierarchy, spacing, imagery and the decisions behind the details — the part that tells you what to keep and what to change.

Upgrade to Pro