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

  1. Add section — opens the section library (hero, pricing, contact, lead-form, etc.).
  2. Outline — reorder, duplicate, hide, or jump to a section. Deep-link: ?tab=editor&section={id} focuses that block.
  3. Click text on the canvas to edit copy inline.
  4. 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).

WhereAction
Layouts (/compositions)Browse gallery; open a layout to preview
EditorLayout 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.

WhereAction
Styles (/styles)Create or edit skins in the workshop
EditorSkin 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.

  1. Click the AI enhanced ring in the bottom bar.
  2. Enter a prompt (optionally scoped to the selected section).
  3. Review the preview diff — list of proposed copy/structure changes.
  4. Apply to update the canvas, or Discard to keep the site unchanged.
  5. 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
Editor — nertia docs