Cluely — Cinematic Sky Gradient AI

Gradient Mesh

A meeting-AI product staged like a travel brand: serif headline over a gradient sky-and-mountain hero, gradient app screenshots below.

Cluely — Cinematic Sky Gradient AI preview — Scrolling capture — scroll inside the frame to see the whole page

Mood: Cinematic, premium, quietly confident — an AI product staged like a travel or lifestyle brand, not a dev tool.
Colors: Sky-blue gradient hero from #5B8DEF to pale #A9C7F5, deep navy mountain silhouette #16294A, warm sunset gradient (orange #F2874F to pink #E86E9A to purple #8B6FD9) inside the app screenshots, clean white #FFFFFF sections below the fold.
Type: An elegant serif (like a Canela or Times-style display face) for the hero headline, paired with a clean grotesque (Inter-like) for subheads, body copy, and UI labels.
Layout: Full-bleed atmospheric gradient hero with a centered serif headline and single pill CTA, a floating macOS-style app window overlapping the bottom of the hero, then clean white card-grid feature sections below.
Motion: Subtle parallax drift on the mountain/sky hero, soft fade-ins on the feature cards below, a light float or shimmer on the floating app-window mockup.
Texture: Soft atmospheric gradients and glow, rounded macOS window chrome with traffic-light dots, soft drop shadows under floating UI cards, no grain or noise — everything smooth and glassy.
Imagery: Generate: a cinematic gradient sky-and-mountain-silhouette backdrop and warm sunset-gradient app-screenshot mockups inside rounded macOS window chrome. Tool: kie-ai Flux or Seedream for the gradient sky/mountain scene; GPT-Image for the stylized app UI mockups.
Don't: No hard black backgrounds, no flat solid colors without gradient, no cluttered dashboards, no harsh drop shadows or blocky corners.

Use in a session

cluely

Tell Claude: build [my thing] using swipe ref cluely

Full recreation prompt

Recreate a landing page in the "Cluely — Cinematic Sky Gradient AI" style (Gradient Mesh). 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: Cinematic, premium, quietly confident — an AI product staged like a travel or lifestyle brand, not a dev tool.
- Colors: Sky-blue gradient hero from #5B8DEF to pale #A9C7F5, deep navy mountain silhouette #16294A, warm sunset gradient (orange #F2874F to pink #E86E9A to purple #8B6FD9) inside the app screenshots, clean white #FFFFFF sections below the fold.
- Typography: An elegant serif (like a Canela or Times-style display face) for the hero headline, paired with a clean grotesque (Inter-like) for subheads, body copy, and UI labels.
- Layout: Full-bleed atmospheric gradient hero with a centered serif headline and single pill CTA, a floating macOS-style app window overlapping the bottom of the hero, then clean white card-grid feature sections below.
- Motion: Subtle parallax drift on the mountain/sky hero, soft fade-ins on the feature cards below, a light float or shimmer on the floating app-window mockup.
- Texture: Soft atmospheric gradients and glow, rounded macOS window chrome with traffic-light dots, soft drop shadows under floating UI cards, no grain or noise — everything smooth and glassy.
- Avoid: No hard black backgrounds, no flat solid colors without gradient, no cluttered dashboards, no harsh drop shadows or blocky corners.

Imagery (generate real assets, do not use placeholders): Generate: a cinematic gradient sky-and-mountain-silhouette backdrop and warm sunset-gradient app-screenshot mockups inside rounded macOS window chrome. Tool: kie-ai Flux or Seedream for the gradient sky/mountain scene; GPT-Image for the stylized app UI mockups.

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

Reference exemplar

https://cluely.com/ ↗