> For the complete documentation index, see [llms.txt](https://docs.rayon.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rayon.design/documentation/layout-and-present/pages.md).

# Pages

Exporting your work as PDF or images.

{% hint style="info" %}
**Recent changes**

* Pages now sit on a layer in the **`Layer`** panel, like any object. New pages go on your active layer; you can move them to any layer.
* A page can no longer be your active layer or hold nested items.
* In existing models, the **All pages** group is now a layer named **`Pages`**, holding your pages and anything nested under them. Nothing moved on the canvas.
* With **`Auto-order by position`** off, reorder pages in the **`Pages`** panel, not the **`Layer`** panel.
  {% endhint %}

Pages are listed, numbered, in the **`Pages`** panel, and also appear in the **`Layer`** panel.

<div><figure><img src="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2FtwlujdtyDeVWYXEBsorO%2Fpages-panel-presentation.png?alt=media" alt="The Pages panel from the app&#x27;s top-left corner with presentation mode: the header with its menu, export, play and + buttons, the All pages dropdown, the search with Publish, and the numbered page cards."><figcaption><p>Pages panel</p></figcaption></figure> <figure><img src="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2F8eHCdGHD7GPeaPNlXKlO%2Flayer-panel-pages.png?alt=media" alt="The Layer panel with the Canvases section closed and the layer holding the views open: each page row sits under its own views."><figcaption><p>Layer panel</p></figcaption></figure></div>

The dropdown at the top of the **`Pages`** panel switches between **`All pages`** and your presentations.

### What is a page? <a href="#h_42fe5941a5" id="h_42fe5941a5"></a>

A page is a frame that **exports what's on your canvas** as a PDF or images, turning drawings into document sets. It exports everything visible inside its frame, from every layer.

A page sits on a layer like any object, and can be:

* **`Locked/Unlocked`**: locking its layer locks the page too.
* **`Shown/Hidden`**: hiding a page doesn't hide the drawing inside it.

Each page has an **orientation**, a **format**, a **paper size**, a **scale** and, on a **paper canvas**, a **background** color.

<figure><img src="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2FRmrsJ8BkQwJ6QoV3dZ4C%2FFrame%201803%20(2).png?alt=media&#x26;token=7b1c119b-8dc0-426c-82b8-d6716b3307ba" alt=""><figcaption></figcaption></figure>

**Moving a page with its drawing (paper canvas):** hover the page's label (name and number) to highlight everything fully inside its frame, then drag the label. Locked and hidden items stay put. Copying or duplicating the page copies its drawing too. To move the page alone, select its row in the **`Layer`** panel, then drag from inside its frame.

<figure><img src="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2F3J3mpYMngOMxy5AwuXUb%2Fpage-label-hover.png?alt=media" alt="Page 2 on a paper canvas with its label hovered: the page&#x27;s frame and everything fully inside it are highlighted."><figcaption></figcaption></figure>

### Creating a page <a href="#h_f64956e0d8" id="h_f64956e0d8"></a>

Choose the **`Page`** command (PP) in the toolbar's Layout menu, in one of two modes:

* **`Insertion`**: place a page with a set format and scale.
* **`Drawing`**: draw the page freely on the canvas.

{% embed url="<https://player.vimeo.com/video/1067362601?autoplay=1&controls=0&loop=1&muted=1>" %}

You can also click **`+`** at the top of the **`Pages`** panel, or next to the **`Layers`** header in the **`Layer`** panel, and choose **`Page`**.

{% embed url="<https://player.vimeo.com/video/1061393118?autoplay=1&controls=0&loop=1&muted=1>" %}

Once created, set the page's **scale**, **format** and **orientation** in the property panel. To move it to another layer, use the **`Layer`** property, or drag its row onto another layer in the **`Layer`** panel.

<mark style="color:blue;background-color:blue;">**Tip**</mark> **—** On a **paper canvas**, pages are drawn at their real print size, in a standard (A4, A3, Letter, etc.) or custom format, with a background color: ideal for realistic layouts.

### Page order and numbering

By default, Rayon orders pages by their position on the canvas: left to right, then top to bottom (the reading direction can be changed). Page numbers and export order follow this and update live as you move pages.

The page number appears in each page's label, before its name.

To switch this off, open the **`Pages`** panel's **...** menu with **`All pages`** selected and toggle **`Auto-order by position`** under **`Page ordering`** (a model-wide setting). When off, drag pages in the **`Pages`** panel to reorder them; turning it off may renumber your pages. Reordering rows in the **`Layer`** panel never changes page order.

#### Page numbers on your pages

Choose the **`Page number`** command (PN) in the toolbar's **`Annotations`** menu, then click a page. Rayon adds a live page number at its bottom-right corner, using the active text style and layer; it updates when pages are reordered. Select several pages to number them all at once.

<figure><img src="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2F3gJbxrWX0ZMlyaoNxJk6%2Fpage-number.png?alt=media" alt="The Page number command in the toolbar&#x27;s Annotations menu, and the number placed at the page&#x27;s bottom-right corner"><figcaption></figcaption></figure>

### Exporting a page <a href="#h_edbe7a859b" id="h_edbe7a859b"></a>

1. Click **`Export`** in the **`Pages`** panel.
2. In the export modal, set the document name, format (PDF/PNG), page range and file size.
3. Click **`Export`** to download, or **`Print`** to send it to your printer.

<mark style="color:blue;background-color:blue;">**Tip**</mark> **—** Use the magnifier to inspect pages before exporting.

{% embed url="<https://player.vimeo.com/video/1061393108?autoplay=1&controls=0&loop=1&muted=1>" %}

### Stroke weights and printing

Stroke weights come from the **`stroke`** value in styles, and by default **export as they appear on-screen**, ignoring page and stroke scales. Two scales matter:

* **Page scale**: can change stroke weights in the PDF, if you toggle on applying the page scale to strokes.
* **Stroke scale**: changes how lines look on-screen only, not in the export.

On **paper canvases**, all scales are 1:1, so strokes always print as shown. On **model canvases**, pages can have any scale and the stroke scale can magnify strokes, so printing needs more care. More in our page about canvases.

***

### We are always available

Book a demo with our team, [right here](https://b1kzip68v9f.typeform.com/to/Hgr0eQ4k#source=docs).\
For support, use our **in-app support chat**.\
More about our support policy right here.