Website Mockup Generator Guide

Website Mockup Generator is a beta tool on every plan. It builds a mockup and a handoff package. It does not host or publish a live site.

Step 1: Write the brief

Choose Quick, Full prompt or Guided mode and describe the business, audience, offer and pages. You can add up to 5 example sites for layout and mood. They guide the design and are not copied.

Step 2: Run planning (2 credits)

ContentPod writes the site plan: sections, real copy and design tokens such as colors, fonts and spacing.

Step 3: Review the concept preview (free)

A full-page concept image shows the visual direction. You can also upload your own concept. If you like it, use Match design system (1 credit) to pull its palette into the design tokens, or Extract full visual design system (2 credits) for type scale, spacing and section recipes.

Step 4: Build sections (1 credit each)

Each section is generated as HTML. Refine any single section without redoing the page. A 6-section landing page is about 8 credits including planning.

Step 5: Decide on images

Generated photos and the logo cost 3 credits each, so a full run with images is around 26 credits. To avoid image costs, choose Use concept for all images.

Step 6: Check it (optional)

Run a visual critique (1 credit) to compare the rendered page with the concept and refine sections that don't match.

Step 7: Export

Download the HTML, the design tokens, or a ZIP handoff package for a developer. Complete mockups also save to your Content Library.