Skip to main content
Beta. 3D Website Mode is shipping iteratively. Expect edges; please share feedback in chat.
By the end of this tutorial you’ll have a single-scroll 3D site generated from a brief, iterated on, and deployed to a preview URL.

​
Before you start

Screenshot coming. Captures land in the next pass.

​
1. Switch modes

In the composer, hit /. Pick 3D Website.

​
2. Brief

A launch page for a stargazing iOS app called "Constellate".
Dark cosmic palette, parallax constellations moving as you
scroll, a single-scroll story with three sections:
1. Hero — the night sky and the app icon.
2. How it works — point your phone, identify stars.
3. CTA — App Store badge, sign-up email.
Mood: quiet, contemplative, slightly magical.
Hit Enter.

​
3. Watch the plan

Foundry asks any clarifying questions (“Do you have a logo?”, “Should the CTA also link to Android?”) and then renders a scene plan — palette, camera path, primary elements per section.

​
4. Review the preview

A scrubbable preview loads in the chat. Scroll it. Note what works and what doesn’t.

​
5. Iterate

One change at a time. Reply: 
Slow the camera glide on section 2 by about 30%. The
constellation parallax is too fast.
Foundry re-renders only what changed. Repeat as needed.

​
6. Deploy

When you’re happy, reply: 
Ship it to a preview URL.
You’ll get a hosted URL you can share.

​
Tips

  • One mood, one subject. Mixed moods produce mixed cuts.
  • Iterate small. Big sweeping rewrites confuse the planner.
  • Performance counts. Heavy 3D scenes can drop frames on mobile — test on a phone before you ship.

​
Limits

  • Today’s generations are single-scroll story sites.
  • Hosted-URL deploys are beta and may rotate.

3D Website Mode reference

Every option, every limit.

Workflows · Blueprints

Multi-step automation, coming soon.