> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pickcel.com/llms.txt
> Use this file to discover all available pages before exploring further.

# What is a layout? How to create a new layout?

> Learn about layouts and how to create custom layouts with multiple zones for your digital signage compositions

## What is a Layout?

A layout is the arrangement and positioning of zones within a composition on a screen. It decides which content goes where. Pickcel ships with standard layouts (single zone, two zones, and so on), and you can also build your own **custom layout** when none of the standard ones fit your screen.

## How to create a custom layout

<Steps>
  <Step title="Open the layout designer">
    In [Pickcel console](https://console.pickcel.com/), go to **Composition** and click **Add Composition** to reach the **Choose Layout** picker, then click **+ Create Custom Layout** in the top-right corner.

    <Frame>
      <img src="https://cdn.pickcel.com/images/pickcel-docs/layouts/layouts-01-create-custom-layout.kINuSYQwzKcM.png" alt="Choose Layout picker with the + Create Custom Layout button in the top-right" />
    </Frame>
  </Step>

  <Step title="Set the layout type">
    In the right panel, open **Layout type** and choose the size and orientation: **1920 × 1080 (landscape)**, **1080 × 1920 (portrait)**, or a **Custom** size. Use the **Grid** checkbox to turn the alignment grid on or off.

    <Frame>
      <img src="https://cdn.pickcel.com/images/pickcel-docs/layouts/layouts-02-layout-type.1CjaMqyXq-tV.png" alt="Custom layout designer with the Layout type dropdown and Grid checkbox in the right panel" />
    </Frame>
  </Step>

  <Step title="Add and arrange zones">
    A first zone is added for you. Click **+ Add zone** to create more. Select a zone to move and resize it: drag it on the canvas, pull its edges or corners, or type exact **X**, **Y**, **Width**, and **Height** values. Rename a zone with its **pencil** icon, and remove one with the **trash** icon.

    <Frame>
      <img src="https://cdn.pickcel.com/images/pickcel-docs/layouts/layouts-03-add-zone.JlZdVkISr66E.png" alt="Layout designer with two zones and the X, Y, Width, and Height inputs for the selected zone" />
    </Frame>

    <Note>
      The minimum size for a zone is 100 × 100 px. Zones can overlap if you want one layer to sit on top of another.
    </Note>
  </Step>

  <Step title="Name and save the layout">
    Click **Save layout**. In the **Save layout** dialog, enter a name for your custom layout, then click **Save layout** again to confirm.

    <Frame>
      <img src="https://cdn.pickcel.com/images/pickcel-docs/layouts/layouts-04-save-dialog.BoW2m1HgN4WO.png" alt="Save layout dialog asking for a name for the custom layout" />
    </Frame>
  </Step>

  <Step title="Use your custom layout">
    Your layout now appears on the **Custom** tab of the layout picker, with its zone count and resolution. Click **Use this layout** to build a composition on it.

    <Frame>
      <img src="https://cdn.pickcel.com/images/pickcel-docs/layouts/layouts-05-custom-tab.jnEmuHVv9qBo.png" alt="Layout picker Custom tab showing the saved custom layout with a Use this layout button" />
    </Frame>
  </Step>
</Steps>

<Info>
  **Related article:** [What is a Composition? How to create a Composition?](/compositions/compositions)
</Info>