Pages are a way to define multiple canvas areas in the same document in order to organize your design in distinct chunks. You can export every page separately or even export in a multipage format such as PDF. You can use separate pages to represent different app screens, web pages, several social media graphics and of course page from a print document.
Usually, pages have specific dimensions for width and height, but there is one exception – infinite canvas page. It extends infinitely in both directions.
You can at any time change the page size in the Inspector panel by directly typing new Width and Height of the page or choose one of the predefined sizes from the Page Size drop-down menu.
Every Page can have its own background that can be a solid color, gradient or a texture. Opacity can be changed too.
When nothing else is selected in a document Inspector panel shows properties for current page canvas. Here you can manage all the page properties.
Note: To deselect all objects, click on an empty area or use Deselect all command+ +
The background color of the page. You can also adjust opacity, use gradient fills or texture (image) fills
Here, you can modify the size of the page. Typed values in Width and Height fields are in document units. Also, you can use page size presets drop-down which gives you predefined commonly used document sizes such as Social media graphics, Device screen sizes, and Standard print sizes.
Note: If your page size uses real-world units for printing (inches, millimeters, or centimeters), you can use decimal values (for example, 7.5) as number values. (You can do the same for online output using pixels as the unit, but it is not very useful as output will only be displayed on a screen as full pixels, not partial pixels.)
If you want to re-use a project for both online display (pixels) or print, you can change the unit used, which will automatically change the values in the size fields above.
Here you can change how transparent the canvas will be.
You can change the page orientation from portrait to landscape (or the reverse). This changes places of Width and Height values without rotating the content of the design.
Trim Canvas (5)
This very useful feature will trim the page size to fit the current content. If the content is larger than the canvas, the page will enlarge to fit the content. If the content is smaller than the canvas, the page will be trimmed to a rectangle that neatly fits the content with no extra space. This is particularly useful if you want to use an image as the base for your design.
Import the image, then use the Trim Canvas icon. Your design will now exactly match the image size.
Define the bleed size in document units. For commercial print projects, pages are created at a larger-than-usual size. After binding, the slightly oversized rough page edges can be cut to size for perfect edge alignment. This extra space (that will be cut away) at the page edge is known as the bleed area, or just bleed. Bleed area is not visible in the viewport.
Margins are inset from the page size and form a visual part of the final output, while bleed adds an extra space around the output that will be cut from the final product. By default, margins are linked (changing one will change then all). To modify margins individually, click the link icon at the end to unlink them.
You can create a new page with the same properties as current (size, background, margin) by pressing Create New page button on the top of the pages panel (1).
To delete active page press Delete Active page button (3). All content and objects on the page will be deleted.
You can’t delete the page if there is only one in the document.
Pages can be displayed in two modes. Single mode (default, only one active page is shown) and Multiple Page mode (all the pages are shown in a grid side by side). At any point, you can switch between the Single and Multipage mode by pressing on the switch on top of the pages panel (2).
While in the multipage mode you can move and rearrange the pages by clicking and dragging on the page label.
Since version 2020-1.3.1, every page shows a contextual menu on right-click over the page name in the Pages panel. The following options are presented:
- Duplicate Page (Duplicates selected page at the bottom of the page list with the suffix after the original page name. The page is duplicated along with all of its contents)
- Delete Page (Deletes selected page. It there is only one page it can’t be deleted)
- Copy Page (You can copy the selected page and paste it with CTRL+V in the same document, different document or even between Gravit instances in the browser and Desktop version)
- Export Page (Opens the Advanced Export dialog with current page preselected for exporting)
To duplicate a page use “Duplicate” command in the contextual menu or follow these steps:
- Switch to multipage mode on the top of the pages panel. All the pages present in the document will be shown on the screen side by side
- Select the page you want to duplicate by clicking on its name label on top of the page in the viewport
- Press + or .
- Alternatively, you can press + drag page label to duplicate
To rename a page double click on its name in the Pages panel (by default it says something like “Page 1”) and type the new name.
You can also lock/unlock all objects in a given page by clicking on lock icon next to the page name as well as hide a page by clicking on the eye icon next to the page name.
Setting a master page allows you to use another page content as a background of the currently selected page. Changes that you make in master page will be immediately visible on all other pages that use it.
For example, set up a master page with a standard letterhead or other decoration – headers, footers, side boxes, etc. or for UI: Create your base page, then on other pages, you can show additional overlay elements such as pop-up boxes and menus or elements states like mouse over, click, etc…
Sometimes it can be useful to quickly present your ideas to the stakeholders. You can make a simple presentation using pages. Make each slide in a separate page. Order them in pages panel like you want them to appear in the presentation. Go to
The bare-bones presentation will start in fullscreen starting from a currently selected page in the document. You can move from slide to slide with arrow keys and exit withkey.