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

# Screens

> Screens are the nodes on your canvas, each representing one page or state.

A screen is a single node on the canvas. It represents one page or state of the product and carries a screenshot plus metadata.

## What a screen contains

* **Screenshot**: the captured image, in your chosen [variant](/canvas/screenshots).
* **Title**: an editable name for the screen.
* **URL**: the page the screen came from (for captured screens).
* **Page type**: a label such as homepage, pricing, signup, onboarding, or checkout (auto-detected or custom).

## Page types

BenchCanvas automatically tags each captured screen with a page type. Tags help you scan a flow quickly and power chat commands like grouping by type. Auto-tagging keeps improving, and you can change a screen's type from its [properties panel](/canvas/properties-panel) if a label is off.

To fix several labels at once, select multiple screens and change their page type in bulk.

### Custom page types

Each project can define its own page types for labels that built-ins do not cover (for example paywall, empty cart, or waitlist):

1. Open the page type picker on a screen (or on a multi-screen selection).
2. Type a name and choose **Create**.
3. Rename or delete a custom type from the picker when your vocabulary changes.

Custom page types are project-scoped. They carry over when you publish or instantiate a [template](/capture/templates). Built-in types stay available for everyone.

## Working with screens

<CardGroup cols={2}>
  <Card title="Move" icon="up-down-left-right">
    Drag a screen anywhere. Screens are unlocked by default.
  </Card>

  <Card title="Select many" icon="object-group">
    Box-select or shift-click to move, align, delete, bulk-edit page types, or capture screenshots for several at once.
  </Card>

  <Card title="Duplicate" icon="copy">
    Duplicate a screen to reuse it elsewhere in the flow.
  </Card>

  <Card title="Delete" icon="trash">
    Remove single screens, or bulk-delete a selection.
  </Card>
</CardGroup>

## Open the details

Click a screen to open its [properties panel](/canvas/properties-panel), where you can edit the title and page type, manage the screenshot, read and add comments, and generate [AI reports](/ai/insight-reports).

## Add and connect screens

* [Add screens manually](/capture/add-screens) by URL, upload, paste, or drag and drop.
* Draw [connections](/canvas/connections) to show how a screen navigates to others.
* Move screens between [frames](/canvas/flows-and-frames) to reorganize flows.