Elements overview
Slides are made of freely-positioned elements on a 1920×1080 logical canvas. Click an element type in the top toolbar to insert it; click the canvas to place it; drag handles to size it; the right-pane inspector exposes its full property set.
The seven types
| Type | What it's for |
|---|---|
| Text | Headings, body copy, captions. Supports per-run formatting (bold, italic, color). |
| Image | Photos, screenshots, illustrations. Upload or paste a URL. Auto-described by vision API for the agent. |
| Shape | Rectangles, ellipses, lines, arrows. Useful for callouts, dividers, decoration. |
| Button | Tappable CTA. Six action kinds: next slide, prev slide, goto specific slide, open external link, submit form, fire agent intent. |
| Quiz | Multi-choice question with up to 8 options. Captures the visitor's answer for the agent. |
| Embed | Drop in an iframe, code snippet, or external form. |
| Video | MP4 / WebM upload or external URL. Autoplay, loop, mute toggles. |
Properties every element shares
Every element — regardless of type — carries these fields. The inspector exposes them under "Position" and "Layout":
| Name | Type | Description |
|---|---|---|
| position* | { x, y, w, h, rotation? } | Logical pixel position on the 1920×1080 canvas, plus optional rotation in degrees. |
| opacity | number (0..1) | Default: 1. Values below 1 fade the element. |
| locked | boolean | Locked elements can't be moved or edited from the canvas (still editable via inspector). |
| hidden | boolean | Hidden elements don't render in the published view but stay in the file — useful for variants. |
| enter | { type, delayMs?, durationMs? } | Per-element entrance animation. Types: fade, slide, scale, none. |
| purpose | string | Free-form tag for what this element is for (e.g., "hero-headline"). Surfaced in agent context. |
| semanticRole | "heading" | "subheading" | "body" | "cta" | "decoration" | "media" | Coarse role used by the agent to understand the slide's structure. |
| completesGoal | string | Marks this element as completing a deck-level goal (e.g., "book-meeting"). |
Multi-select
Select two or more elements with Shift + click (or ⌘ + click). The inspector switches to the Multi-select mode, exposing only properties that make sense for a group:
- Layer order — bring forward / send backward / bring to front / send to back
- Opacity — set the same opacity on all selected
- Lock / hide — toggle in bulk
- Delete all — remove the entire selection
Layer panel
Toggle the Layers pill on the top toolbar to open a tree view of every element on the slide. Drag in the layers panel to reorder z-index; click the eye icon to hide; click the lock icon to lock. Useful when elements overlap and clicking through them on canvas is fiddly.