---
title: "Create a Screen Mask in Board – Define Shared Layouts and Styling"
slug: "create-a-screen-mask"
description: "Learn how to create a Screen Mask in Board: set up global layout elements, assign logos, backgrounds and common design features to reuse across Screens."
tags: ["Screen", "Developer", "Design Mode", "Mask", "Objects"]
updated: 2025-10-16T15:45:38Z
published: 2025-10-16T15:45:38Z
canonical: "help.board.com/create-a-screen-mask"
---

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

# Create a Screen Mask

To **create a new Screen Mask**, you need to access a Capsule in Design Mode.

Once Design Mode is active, proceed as follows:

1. In the [left panel](/v1/docs/design-and-play-mode#left-panel), hover over the "Masks" root folder, click on the "Add Mask" icon that appears on the right side of it.
2. Give your Mask a name and click "OK".

Another way to create a new Mask is the following:

1. In the [left panel](/v1/docs/design-and-play-mode#left-panel), click on the configure icon ( ![contents/assets/images/panel.collapse.png](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/create-a-screen-mask-image-2lcra9p8.png) ) to the right of the "Masks" root folder to access the "Masks" page.
2. Click on the ![contents/assets/images/add.capsule.icon.PNG](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/create-a-screen-mask-image-eugfl0i7.png) icon and a new "Add Mask" popup window appears.
3. Give your Mask a name and click "OK".

> [!NOTE]
> *From the "Mask options" panel you can also associate a Mask with one or more Screens,* [*depending on the Mask table view*](/v1/docs/associate-or-detach-a-mask-with-one-or-more-screens#switching-the-mask-table-view)*. See* [*Associate a Mask with a Screen*](/v1/docs/associate-or-detach-a-mask-with-one-or-more-screens) *for more details. The Mask name can be any number of characters long and can include any Unicode characters except the following:\ / : * " < > |*

Once the new Mask is created, you can configuration the Mask directly from your Capsule. You can design the Mask exactly like you would a Screen, with the same design interface: you'll be able to design your Mask by adding Objects on the Screen design area or by configuring other Mask properties from the [Screen Properties panel](/v1/docs/design-and-play-mode#properties-panel).

See [Add and remove Objects](/v1/docs/add-and-remove-objects) and [Configure Screen Objects](/v1/docs/configure-screen-objects) for more details.

![create.a.mask](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/create.a.mask.gif)