Editor & Refinement

Refine your page with AI assistance, inline editing, and guided suggestions.

The Editor

After generating a page, you land in the editor — a split view with your page preview and a refinement panel.

Preview

The main area shows a live preview of your page in an iframe. Toggle between desktop and mobile views to check responsiveness. Everything you see is exactly what gets published.

Inline Editing

Click any text on the page to edit it directly. A floating toolbar appears with bold, italic, and link options. Changes are saved when you click away. No need to go through the AI for simple text edits.

AI Refinement

Use the refinement panel to make bigger changes. Type a free-text instruction like:

• "Make the hero section more bold and energetic"
• "Add a testimonials section with 3 quotes"
• "Change the CTA to say 'Get Started Free'"
• "Make the color scheme warmer"

The AI generates a proposed change. You see a side-by-side comparison of the current and proposed versions, then accept or reject the change. Nothing is saved until you explicitly accept.

Section Targeting

Click a section in the preview to target it specifically. Your refinement instruction will only apply to that section, leaving the rest of the page untouched.

AI Suggestions

The editor proactively suggests improvements — things like "Add social proof below the hero" or "The CTA could be more specific." Click a suggestion to apply it, or ignore it.

Version History

Every accepted change creates a version. You can browse your page's version history and restore any previous version if needed.

Media

Use the Media Library panel in the editor sidebar to insert images — either uploaded or from the stock photo search.