Editor basics

The editor is a free-position canvas: everything on your board is an element you can select, move, resize, rotate, and style. On phones and tablets, tap an element and choose Edit; on desktop, click it and use the inspector. Positions are percentages of the screen, so a design looks the same on a 32-inch and a 65-inch TV.

• On phones and tablets, use Add for new content and Images for your media library. On desktop, use the insert toolbar, Add catalog (A), or command palette (Ctrl/Cmd+K).
• Undo covers every design change. Desktop users can also use Ctrl/Cmd+Z and Shift+Z.
• Select an element and choose Edit on touch devices. Desktop users can right-click for duplicate, reorder, copy/paste style, and save-as-block actions.
• Layers orders elements front-to-back. Reordering is easiest on a desktop; selecting and editing layers works on every supported screen size.

Text elements hold any copy — headlines, announcements, item names. Tap or click the text, open Edit, and change Text content in the Content tab. Set size as a percentage of screen height (fontPct), pick a family and weight, align, uppercase, and control wrapping in the Design tab. Desktop users can also double-click text to edit in place.

The badge next to the size control shows how the text performs at your chosen viewing distance (Design tab → Viewing distance). Amber means the size is below the 1-inch-cap-height-per-10-feet rule, or the color contrast fails WCAG AA (4.5:1) against what's behind the text. The canvas also outlines problem elements in amber when Checks is on.

On phones and tablets, open Images and tap + Add on an existing asset, or open Add and choose an image to upload. On desktop, those actions also work and library assets can be dragged onto the board. Uploads show progress, appear on the canvas when ready, and remain available in the Media library.

Cover fills the frame (cropping overflow), contain letterboxes inside it. With cover, the focal point (Advanced tab) picks which part of the image stays visible when the frame crops.

Drag a selected element on the canvas, or set exact X/Y/W/H percentages in the Design tab. Dragging snaps to edges, centers, and other elements. On desktop, shift-click or marquee selects multiple elements; phones and tablets prioritize comfortable single-element editing.

The preset buttons (Card, Glass, Outline, Pill tag, Float) apply a coordinated frame style — fill, border, radius, shadow — in one click. They're a starting point: every property stays editable afterwards. Copy/paste style (context menu) moves a look between elements.

Every visual element has a frame: background fill (solid or gradient), border (width/color/style), corner radius, drop shadow, and padding. On text and prices the frame sits behind the words; on images and video it's a matte around the media.

Rectangles, rounded rectangles, circles, and lines — for panels behind text, dividers, and accents. Shapes carry the full frame style set (fill incl. gradients, border, radius, shadow).

The container section styles the frame around media: matte padding and backdrop fill show behind contain-fitted media, and border/radius/shadow apply to the whole frame.

Soft drop shadows separate cards and text panels from busy backgrounds. Keep them subtle — heavy shadows read as dirt on a TV at distance.