Guides
Editor
Sections, layouts, styles, and AI enhanced in the site editor.
The Editor tab is where you build the page — add sections, edit copy, swap layout and style, and publish.
Editor chrome
┌─────────────────────────────────────────────────────────┐
│ [Site menu ▼] viewport / URL bar │
├─────────────────────────────────────────────────────────┤
│ │
│ canvas (sections) │
│ │
├─────────────────────────────────────────────────────────┤
│ Outline │ Add section │ AI enhanced [Publish ▼] │
│ skin swipe floater (bottom of canvas) │
└─────────────────────────────────────────────────────────┘
Sections
- Add section — opens the section library (hero, pricing, contact, lead-form, etc.).
- Outline — reorder, duplicate, hide, or jump to a section. Deep-link:
?tab=editor§ion={id}focuses that block. - Click text on the canvas to edit copy inline.
- Footer shows Saving… → Saved as changes persist.
26 section types ship today — see Product for the full list.
Layouts
Layout = which sections appear and in what order (composition).
| Where | Action |
|---|---|
Layouts (/compositions) | Browse gallery; open a layout to preview |
| Editor | Layout picker / floater → swap composition (relayout) |
Swapping layout may prune copy that no longer has a binding — confirm when prompted.
/compositions (pick) → editor layout picker (swap) → sections reorder
Styles
Style = design system tokens (colors, type, radii) on shared components.
| Where | Action |
|---|---|
Styles (/styles) | Create or edit skins in the workshop |
| Editor | Skin swipe floater at bottom of canvas — preview looks without leaving the page |
Apply a saved skin from My systems in the builder or from /styles.
AI enhanced
Optional $20/mo per account — AI generations inside the editor.
- Click the AI enhanced ring in the bottom bar.
- Enter a prompt (optionally scoped to the selected section).
- Review the preview diff — list of proposed copy/structure changes.
- Apply to update the canvas, or Discard to keep the site unchanged.
- Undo reverts the last applied generation.
Credits: one free credit to start; 30/month on subscription. At zero credits you see the subscribe paywall. See Account & billing.
Media tab
Upload and manage images/files used in sections — separate from the canvas but tied to the same site.
Tips
- Empty site: use the empty-state CTA or Outline → Add section for the first block.
- Skin swipe after AI apply — confirm the look still matches your brand.
- Publish when ready — Publish & preview.
Quick reference
Editor: /dashboard/{slug}?tab=editor
Sections: bottom bar → Outline / Add section
Layout: /compositions + editor layout picker
Style: /styles + editor skin swipe
AI: bottom bar → AI enhanced drawer