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 (site menu in the top bar, then Styles: /dashboard/{slug}?tab=styles) | Create or edit this site's design system in the workshop |
| Editor | Skin swipe floater at bottom of canvas: preview looks without leaving the page |
Apply a saved look from the workshop's Saved looks control, which lists this site's design systems, every other site's, and the account default. Picking one loads it into the rail; Save writes a copy to this site, so the other site is unchanged.
Your account's named design systems and its default live on Account settings,
Design systems (/account?section=design-systems).
Client builds do not have a Styles tab.
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: /dashboard/{slug}?tab=styles + editor skin swipe
Account: /account?section=design-systems (named systems, default)
AI: bottom bar → AI enhanced drawer