JASON LEE / WEBSITE KIT

Build ARCHER.

The luxury aviation website from the video. Explore the finished build, copy the prompt, and make it your own.

ARCHER website with a champagne-gold airplane window above the clouds

The prompt

ARCHER / Private aviation
Build a luxury private aviation website called ARCHER, using this website as the reference:
https://jeskojets.com/

In the project folder, you’ll find three files:

- A reference picture of the jet.
- A reference picture of the airplane window.
- A walkthrough video showing the website’s animations and interactions.

Use the Watch Skill to watch the walkthrough video first, including any spoken instructions. Pay close attention to the scroll movements, pinned sections, zoom effects, transitions, cursor interactions, and how each section appears and disappears. Inspect important transitions more closely where needed. Also explore the reference website using browser tools.

I want to closely recreate the reference’s layout and scroll choreography using my jet and window assets. Match the timing, movement, and section reveals as closely as possible.

The brand should feel luxurious and cinematic, with a black and champagne-gold color palette. Use a black private jet matching my reference image. Adjust the imagery, lighting, and details to fit this aesthetic.

Create your own typography direction. I don’t like the typography on the original website. Choose elegant, readable fonts that suit ARCHER’s luxury identity, and avoid italics.

Use Higgsfield through its MCP to generate or refine the assets:

- Seedance 2.5 for videos.
- ChatGPT Image 2.5 for images.

If those exact models aren’t available, tell me before substituting another model.

Before generating assets or building the website:

1. Explain what you observed in the walkthrough and whether you can reproduce the interactions.
2. Present your proposed visual direction, typography, and section sequence.
3. Describe the planned jet, clouds, window, and any additional images or videos, including how they will animate.
4. Wait for my approval of the jet, clouds, and window concepts before generating them.

After I approve the concepts, generate the assets and show me the results for approval before building the full website.

Once the assets are approved, build the complete website, make it responsive, and test the scroll experience in the browser—including scrolling down and back up—to check that the transitions work smoothly.

Rebuild it, step by step

  1. Start with the reference. Explore Jesko Jets, save the jet and window references below, and record your own walkthrough with spoken instructions. Keep these in a references folder.
  2. Set up your tools. Open your project folder in Codex, install the Watch skill, and connect Higgsfield for image and video generation.
  3. Paste the prompt. Let the AI study the walkthrough and propose its visual direction. Approve the concepts, then the generated assets, before it builds.
  4. Review the scroll. Scroll down and back up. Record your screen with spoken feedback if a transition needs adjusting, then ask the Watch skill to review the recording and make the corrections.
  5. Add the finishing touches. Use the 21st.dev testimonial reference below to add scrolling columns above the footer, adapted to ARCHER’s typography and colors.

References & tools

Use the reference imagery for inspiration.