# 3D architecture studio site, dawn to night

> A scroll-driven 3D site for KAST, a made-up concrete architecture studio, where one building turns from dawn to night as a clock counts the hours. Opus 5.5 in Claude Code built it in 27 minutes from a prompt with no design direction beyond a reference site.

- Kind: Website
- Live website: https://komputermechanic.com/demos/kast/
- Page: https://meetreference.com/v/cinematic-3d-architecture-studio-site/
- Ready-to-use agent handoff: https://meetreference.com/v/cinematic-3d-architecture-studio-site/agent.txt
- Exact prompt as plain text: https://meetreference.com/v/cinematic-3d-architecture-studio-site/prompt.txt
- Authorship: Not stated
- Made with: Claude Code
- Model: Claude Opus 5.5
- Built with: not stated
- Services: Nano Banana Pro, Seedance 2.5
- Skills or plugins: Higgsfield MCP
- Style: 3D sites; architecture, 3d, scroll animation, day-night cycle, cinematic, concrete, generated imagery
- Shared by Komputer Mechanic in Blog, Sep 30, 2026: https://komputermechanic.com/tutorials/claude-opus-5-5-vs-fable-5-1-3d-websites
- Prompt fidelity: Verbatim. This is the complete prompt exactly as the creator published it.

## Before you start

Guidance from Reference, separate from the creator's instructions.

1. Read the reference and inspect the project, installed libraries, and available agent skills before writing code. Reuse suitable tools already present.
2. Prefer the creator-reported libraries and skills when they fit the task. Explain what useful additions help with, and install missing project dependencies or relevant skills from official sources when the environment and the user's existing permissions allow it. Respect the project's package manager and setup rules; do not ask again for routine setup already authorized.
3. Distinguish tools used by the creator from your own recommendations. A listed tool is not automatically required, and an empty tools or requirements list means the setup is unknown, not that nothing is needed.
4. Ask concise questions when missing inputs or choices materially affect the result: paid services, credentials, the user's assets, or a different production approach. Use existing answers and permissions; continue independent work while waiting.
5. If a useful library, skill, or service cannot be installed or used, explain an available alternative and its expected effect on quality, features, or effort. Get the user's choice before a material compromise; otherwise state the fallback and continue. Never silently simplify the result or claim to have used a tool you did not use.

Requirements reported by the source: The Higgsfield MCP connected, with credits for Nano Banana Pro images and Seedance 2.5 video.

## Recreating this website

These are the creator's published instructions, unedited.

To adapt it: Change "a fictional architecture studio" to your own business and swap the inspiration link ("https://landonorris.com/") for a site you admire. Without the Higgsfield MCP, rewrite the paragraph that names it so the agent knows how to get images and video.

## Prompt

```text
Build a website for a fictional architecture studio, using https://landonorris.com/ as your inspiration.

I'm deliberately giving you no design direction: every creative decision is yours, and this is a test of what you can do. What I want is a website that is extremely beautiful, interactive and cinematic, the kind that wins awards and makes people say wow. Use three.js or whatever tools you need to create a captivating 3D experience with scroll animations and scroll interactions. It must never feel boring or like a template.

Create the images with the Higgsfield MCP using Nano Banana Pro, and the videos with Seedance 2.5. Before generating anything, tell me what you plan to generate and what it will cost, and wait for my OK.

It has to work beautifully on phones too. Check it yourself before you tell me it is done.
```

## What it looks like

Written by Reference from the recording frames, not by the creator.

One dark concrete building of stacked, cantilevered slabs on an open plain, seen from a moving camera as the light runs from pink dawn through white noon and orange dusk to a starry night.

- Color: Dusty pink and peach at dawn, pale grey-white at noon, burnt orange at dusk, plum and navy at night; charcoal concrete with glowing amber window slots.
- Type: A huge white grotesque KAST wordmark across the bottom of the hero, light grotesque headlines with italic serif words mixed in ("The building wakes cold.", "Shadow becomes structure.", "Concrete holds the heat.", "Light turns inside out."), and a large thin clock at the top center.
- Framing: 16:10. The building stays near the center while the camera angle changes; headlines sit lower left over small body text, with a round gauge in the lower right and small labeled tags on the slabs when they separate.
- Structure: Hero with "We build with light, weight & silence." and a circular wireframe lens over the building, then the clock climbs from about 07:00 to 23:00: morning light, the slabs lifted apart into labeled layers at midday, the building whole again and glowing at dusk, and lit windows under stars at night.

Storyboard, nine frames spread across the recording: https://meetreference.com/media/cinematic-3d-architecture-studio-site/storyboard.webp

- Frame 1 at 1.4s: https://meetreference.com/media/cinematic-3d-architecture-studio-site/f1.webp
- Frame 2 at 4.2s: https://meetreference.com/media/cinematic-3d-architecture-studio-site/f2.webp
- Frame 3 at 7.0s: https://meetreference.com/media/cinematic-3d-architecture-studio-site/f3.webp
- Frame 4 at 9.8s: https://meetreference.com/media/cinematic-3d-architecture-studio-site/f4.webp
- Frame 5 at 12.6s: https://meetreference.com/media/cinematic-3d-architecture-studio-site/f5.webp
- Frame 6 at 15.4s: https://meetreference.com/media/cinematic-3d-architecture-studio-site/f6.webp
- Frame 7 at 18.2s: https://meetreference.com/media/cinematic-3d-architecture-studio-site/f7.webp
- Frame 8 at 20.9s: https://meetreference.com/media/cinematic-3d-architecture-studio-site/f8.webp
- Frame 9 at 23.7s: https://meetreference.com/media/cinematic-3d-architecture-studio-site/f9.webp

## How it was made, per the creator

- One-shot: yes, a single prompt with no follow-ups
- Agent time: 27 minutes, according to the video description
- Notes: Run on high effort in a fresh project with the Higgsfield MCP connected. The prompt makes the agent say what it plans to generate and what it will cost, then wait for an OK. The video description says every image and video on the site was generated by Claude through the Higgsfield MCP. Fable 5.1 built STRATA from the same prompt in 40 minutes. The tutorial video is sponsored by Higgsfield.

> I gave both models the exact same prompt, with only an inspiration site, a reference picture or one sentence as input.
> (Komputer Mechanic)

## Links

- Visit site: https://komputermechanic.com/demos/kast/
- Original post: https://komputermechanic.com/tutorials/claude-opus-5-5-vs-fable-5-1-3d-websites
- Same prompt on Fable 5.1 (STRATA): https://komputermechanic.com/demos/strata/
- Tutorial video, KAST from 4:54: https://www.youtube.com/watch?v=ceNplgiZOFE&t=294s