> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ironlabs.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Build a 3D website

> Brief Foundry, iterate, deploy. A walkthrough of 3D Website Mode (currently beta).

<Warning>
  **Beta.** 3D Website Mode is shipping iteratively. Expect edges; please share feedback in chat.
</Warning>

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

* Signed in at [chat.ironlabs.ai](https://chat.ironlabs.ai).

<Note>
  **Screenshot coming.** Captures land in the next pass.
</Note>

## 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.

## Related

<CardGroup cols={2}>
  <Card title="3D Website Mode reference" icon="cube" href="/foundry/modes/3d-websites">
    Every option, every limit.
  </Card>

  <Card title="Workflows · Blueprints" icon="diagram-project" href="/foundry/workflows/blueprints-coming-soon">
    Multi-step automation, coming soon.
  </Card>
</CardGroup>