Describing your first site
Zitegen builds from a plain-language description. The clearer you are about what the site is, who it's for, and how it should feel, the closer the first draft lands. Here's how to write that first prompt.
Every Zitegen site starts as a sentence or two. You describe what you want in the Describe your site box, and the AI generates a complete, production-ready Astro project from it — pages, sections, copy, and styling. Everything after that is refinement. So the first prompt is the one place a little detail pays off the most.
What a good prompt includes
You don't need to write a spec. Three things give the AI enough to build something you'd recognize as yours:
- What it is. The kind of site and what it's for — a portfolio, a restaurant page, a landing page for an app.
- Who it's for. The audience shapes tone and structure. A site for enterprise buyers reads differently than one for wedding guests.
- How it should feel. A few words on mood — minimal and editorial, bold and colorful, calm and clinical — steer the whole visual direction.
Naming the specific sections you know you need (pricing, a menu, a contact form, project reels) helps too. Anything you leave out, the AI makes a sensible call on — and you can change it later.
Write it in four moves
Open New site from your dashboard and you'll land on the describe screen. Build the prompt up as you go:
- 1
Say what it is and who it's for
Lead with the concrete thing. “A booking site for a Lisbon surf school aimed at first-time travelers” already tells the AI more than most briefs.
- 2
Set the mood and the must-haves
Add a feeling and any sections you can't live without. Short phrases work — “warm and sunlit, with lesson packages, an instructor bio, and a photo gallery.”
- 3
Attach a reference (optional)
Have a look in mind? Attach up to four reference images (5 MB each). The AI reads them for style direction — colors, density, mood — not to copy pixel for pixel.
- 4
Hit Generate
Press Generate. Generation uses 10 credits and takes a minute or two while the AI plans the structure and builds each component.
A portfolio for a motion designer in Tokyo — dark theme, full-bleed project reels, minimal nav, contact at the bottom.
Quick starts are a shortcut, not a cage
After you hit Generate
You'll watch it work through a few stages — analyzing, planning, building, finalizing — and then land in the editor with a live site. From there you refine it three ways, all editing the same project:
- AI chat for broad changes — “make the hero bolder,” “add a testimonials section.”
- The visual editor to drag things around the canvas and tune styles per breakpoint.
- The code editor when you want to touch the Astro source directly.
Didn't land right? That's normal