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

# Design a landing page with AI and put it on your own domain

> One prompt for a seven-section landing page, one sentence to fix it, then publish it and serve it at an address you own, with the exact prompts, the cost and every domain status.

This guide takes a landing page from one prompt to your own address. You describe the page section by section, fix what the first result got wrong, publish it, and connect a domain. The example is Northwind, a made-up app that plans delivery routes for small bakeries.

<video autoPlay muted loop playsInline controls poster="/images/docs/tour/tour-publish-light.jpg" src="https://mintcdn.com/polymet/RmOsXc9g1dyvbvgN/videos/tour-publish-light.mp4?fit=max&auto=format&n=RmOsXc9g1dyvbvgN&q=85&s=dbd7ffac8196eb8b4e1249bba0a81cd3" />

The second half of this guide on a small store: publish, rename the live link, connect a domain. Sped up: a real domain check takes longer.

* **Who it is for:** a founder or marketer who needs a page live at their own address.
* **What it costs:** the page below was built in under five minutes. It ran next to a second example, and the two used 145 credits together. The one fix after it used 6 credits and took under a minute. Connecting your own domain needs a paid plan; publishing to a polymet.app link does not.
* **What you need:** a Polymet account, and for the last step a domain you can add DNS records to.

## 1. Write the page as a list of sections

A landing page prompt works when it names the sections in order, gives the real headline, and says what the page must not have.

```text theme={null}
A landing page for Northwind, a made-up app that plans delivery routes for
small bakeries, as a prototype with one page.

Sections, in this order:
1. A top bar with the name "Northwind", three links (How it works,
   Pricing, Questions) and one button, "Start free".
2. Hero: the headline "Every loaf delivered before 7", one line under it,
   an email field with a "Start free" button, and beside it a drawn route
   card: five stops in a list with times, the last one ticked.
3. Three plain benefits in a row, each a short title and one sentence:
   fewer miles, drivers who know the order, customers who get a time.
4. How it works: three numbered steps.
5. Pricing: two plans side by side, "Solo" at $19 a month and "Bakery" at
   $49 a month, four lines each, "Bakery" marked as the one most people
   pick.
6. Four questions with short answers, as an accordion.
7. A closing band with the headline again and the same button, then a
   small footer.

Style: warm editorial. Cream background, deep green for the main action, a
serif for headlines and a plain sans for everything else, generous
spacing, no stock photos and no gradients. One main action per section.
Works at phone width.

Use made-up names and numbers. Do not ask me questions, just build it.
```

Three things in it do the work:

* **"As a prototype with one page"** gets you something you can publish. Pages on their own are not published; a prototype is.
* **The headline is written out.** Leave it to the agent and you get a headline that sounds like every other landing page.
* **"No stock photos and no gradients"** rules out the two things a generated landing page reaches for first.

On the projects page, paste your prompt into the prompt input and send it.

## 2. Read what the agent says it did

When the generation ends, the chat closes with a summary. Read it before you look at the page. This run's summary listed what it built section by section, then this:

```text theme={null}
Look: cream background, deep green for the main buttons, Newsreader for
headlines and Inter for everything else. I also added a dark version,
which you didn't ask for.

Pricing: to keep one main action, only "Bakery" has a solid green button.
"Solo" has an outlined button.

Things I added that you didn't specify:
- A short line under the closing headline: "Plan tomorrow's run tonight.
  30 days free, no card."
```

Two of those are worth a decision. The outlined **Solo** button is the agent following "one main action per section", which is what was asked. The dark version is extra work nobody asked for, and a second look to keep right from now on.

## 3. Fix it with one sentence

```text theme={null}
Remove the dark version you added. The page has one look: the cream one.
Change nothing else.
```

That generation used 6 credits and finished in under a minute. It removed the dark colors and changed nothing else.

"Change nothing else" is worth typing. Without it, a small fix is an invitation to tidy up other things.

## 4. Check it like a visitor

Open the prototype in **Focus** and go down the page once at each width, with **Breakpoints** in the toolbar: **Desktop view**, **Tablet view**, **Mobile view**.

* Does the top bar still fit at tablet width? The agent's summary said the three links fold into a menu on a phone, and also that it had not looked at the page in a browser. So look.
* Does every **Start free** button do something? Here they should scroll to the email field.
* Type a wrong email address. The field should refuse it.

The email field does not send anything yet. Collecting sign-ups for real needs a backend: see [Add a backend](https://docs.polymet.ai/backend/overview.md).

## 5. Publish

1. Click **Publish** in the canvas header. The popover says **Not published**.
2. Click **Publish**.
3. The popover says **Published** and shows the live link, an address on polymet.app.

To choose the part before polymet.app, open **Project settings**, go to **Domains** and click the pencil button (**Edit URL**) on the link's row.

## 6. Connect your own domain

This step needs a paid plan. The example uses example.com; use a domain you own.

1. Open **Project settings** and go to **Domains**.
2. On the prototype's card, click **Add a domain**, type the domain, and click **Continue**.
3. Choose **Root domain** (example.com) or **Subdomain** (app.example.com). For a root domain, **Redirect www to root** is on by default.
4. Pick the prototype, then click **Connect**.
5. The dialog lists the DNS records to add, with their type, **Name** and **Value**. Add them where you bought the domain: a routing record (CNAME or A), and usually a TXT record that proves the domain is yours.
6. Click **Check status**. DNS changes can take up to 48 hours to spread, so close the dialog and come back if it is not ready.

The domain's status tells you where it is:

| Status | What to do |
| - | - |
| **Pending** | Add the records shown, then click **Check again** |
| **Verifying** | Wait |
| **SSL Provisioning** | Wait. It usually takes a few minutes |
| **Active** | Nothing. Your page is live at your address |
| **Verification Failed** | The TXT record was not found. Check it, then click **Check again** |
| **Misconfigured** | The routing record is missing or wrong. Fix it |

The full list is in [Use your own domain](https://docs.polymet.ai/publish/custom-domains.md).

## You're done when

* Your domain's status is **Active**.
* The page opens at your address in a private browser window, over HTTPS.
* On a phone, the menu opens and **Start free** takes you to the email field.

## If it goes wrong

* **Add a domain is disabled.** It says **Custom domains require a paid plan. Upgrade to connect your own domain.** The polymet.app link still works on every plan.
* **The status stays Pending.** The records are not visible yet, or one has a typo. Click the name and the value to copy them instead of typing them.
* **The status is Offline.** The prototype the domain serves is not published, or the DNS records changed. Publish it, or check the records.
* **Your address shows an older page.** A live link keeps showing what you published. Open the Publish popover and click **Update**.
* **Publish is disabled and a notice says "Only main can be published"** (with your default branch's name). Click **Switch to main**.

## Next

* [Use your own domain](https://docs.polymet.ai/publish/custom-domains.md): every status, changing the prototype a domain serves, and the limit of 5 domains per project
* [Compare options side by side](https://docs.polymet.ai/canvas/compare.md): ask for three hero sections and pick one
* [Edit visually](https://docs.polymet.ai/edit/visual-editor.md): change copy and colors by hand without spending credits
* [Add a backend](https://docs.polymet.ai/backend/overview.md): make the email field save sign-ups


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.