Back to Glossary
Core Concepts

Page

A page is the canvas inside a scene where design elements get placed. Every block users see and interact with must be a direct or indirect child of a page block. A scene without at least one page cannot be displayed properly by the editor.

A scene can hold one page or many. The choice depends on what the design represents.

What multiple pages enable

In design mode, pages represent discrete units of a document. The most common patterns:

  • Multi-page documents. Photo books, brochures, presentations, print collateral. Each page is a sheet or slide; the editor surfaces page management (add, reorder, duplicate, delete) for users assembling the document.
  • Multi-format campaigns from one scene file. A single scene can hold an Instagram square on page one, a Story-format page two, a Facebook landscape page three. Variables and shared assets stay consistent across all pages; only dimensions and layout change. One data injection produces every format.
  • Size variants in a campaign. Same design, different page dimensions per output channel. Drives multi-format output without separate template files.

In video mode, each page has duration and a timeline of its own. Pages in a video scene are time segments, not parallel sheets: page one plays, then page two plays, then page three. The Timeline component handles the temporal sequencing within each page.

Page arrangement and current page

The scene arranges its pages either vertically (the default) or horizontally, which controls how they appear in the editor as the user scrolls or navigates. This is a scene-level layout setting, separate from the layout mode that governs blocks within a page.

The engine also tracks a “current page” during a session: the page of the first selected element if that page is at least 25% visible in the viewport, otherwise the page closest to the viewport center. New blocks added without an explicit parent get attached to the current page automatically.

Page dimensions and the design unit

Each page has a width and height expressed in the scene’s design unit (Pixel, Millimeter, or Inch). Page dimensions determine the output format. A page sized 210 × 297 mm at 300 DPI produces a print-ready A4 output; a page sized 1080 × 1920 px produces an Instagram Story.

When a scene is created from an existing image, page dimensions automatically match the image.

Pages in the editor

Pages appear as top-level nodes in the Layer Panel. All blocks on a page are listed as children of that page node. The Canvas Bar typically provides page management controls for multi-page workflows: add, duplicate, reorder, delete.

See scene for the root container, design-unit for the measurement system that drives page dimensions, layer-panel for how pages show up in the editor UI, and timeline for what changes when a scene runs in video mode.