Build a business site

On the dashboard, click New site. Under Start from, choose Blank. In Name, type Rise & Crumb, then click Create site.

The new site appears in your list of sites.

Click the site to open it in the editor. You may see Starting your site for a few moments while the editor gets the site ready.

Because the site is blank, the canvas shows a large Describe your site box.

Click in the Describe your site box and paste this prompt, or write your own:

A warm, modern homepage for Rise & Crumb, a neighborhood bakery in Portland that
bakes sourdough daily and takes custom cake orders. Sections: a hero with the
headline "Baked this morning", a short intro, three featured products (sourdough,
pastries, celebration cakes), opening hours, customer testimonials, and a call to
action to order a cake. Colors: warm cream background, deep brown text, a
terracotta accent. Fonts: a friendly serif for headings, a clean sans-serif for
body text.

The model menu next to the box shows which AI model will do the work. Leave it as it is unless you have a reason to change it.

Click the arrow button (Generate page), or press Cmd+Enter (Mac) or Ctrl+Enter (Windows).

The AI panel opens on the right. You see what the AI is doing as it works: a plan checklist, the steps it takes, and a short summary when it finishes. While it works, editing on the canvas is locked.

When the AI finishes, the canvas shows the new homepage. At the bottom of the AI panel, the AI Session bar shows 1 / 1: this is your first version, and the buttons Save and Reject appear.

Don't save yet. You'll add more pages first.

In the AI panel's message box (Describe changes...), type:

Add an About page that tells the story of the bakery: founded in 2015 by two
sisters, everything baked on site, flour from a local mill. Include a photo
placeholder area and a short team section. Add it to the header navigation.

Press Enter to send.

When the AI finishes, send:

Add a Contact page with the address, phone number, opening hours and a map
placeholder. Add it to the header navigation too.

Open the Pages panel from the left icon rail. You should see Home first, then the About and Contact pages. Click a page to open it on the canvas.

You can also use the page switcher in the middle of the top bar.

In the AI Session bar, use the ‹ and › buttons to move between versions. The canvas shows the site as it was at that version. Click the version number to open a list that includes Original (the site before this session) and v1, v2, v3.

Click the newest version (v3) if you're happy with everything. If a later request made things worse, you can go back to an earlier version and keep asking from there.

Click Save. Your changes are kept and the session ends.

If you'd rather throw away everything from this session, click Reject instead. Reject puts the whole site back the way it was before the session started.

Click Tokens in the left icon rail, then the Colors tab. Under Color Scales, you see the color scales the AI created for your brand, each a row of shades from light to dark.

Click the ⋯ button next to the accent scale and choose Regenerate scale. Pick a new base color, then confirm with Regenerate.

Every part of the site that uses that color updates, on every page.

Click the Typography tab. Click the heading font slot to open the font picker, filter by a category such as Serif, and pick a font.

The canvas updates with the new font.

Make sure Edit mode is on in the top bar. Double-click the hero headline on the canvas, change the text, then press Enter or click somewhere else to keep it. Press Esc to cancel.

Your header and footer appear on every page. If you edit text inside them, the change applies to every page that uses them. The editor tells you when an edit affects more than one page.

Click Publish at the top right. The Publish panel opens.

Click the Publish button in the panel. The status changes through Building site..., Deploying... and Finishing routing.... Editing is paused while this happens.

When the status shows Live, your site's address appears next to it, for example rise-and-crumb.starjay.app. Click it to open the live site in a new tab.