Layout for Workspace Builder

---
title: Layout for Workspace Builder
description: Workspace Builder has a navigation panel, header, preview pane, and configuration panel to enable bulding custom workspaces.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/application-development/workspace-builder/wb-layout.html
release: brazil
product: Workspace Builder
classification: workspace-builder
topic_type: concept
last_updated: "2026-09-10"
reading_time_minutes: 1
breadcrumb: [Explore, Workspace Builder, Builder library, Developing your application, Classic app development, Building applications]
---

# Layout for Workspace Builder

Workspace Builder has a navigation panel, header, preview pane, and configuration panel to enable bulding custom workspaces.

The first time you access Workspace Builder, an onboarding modal displays a brief tour of what you can do in Workspace Builder.

Workspace Builder consists of the following sections:

-   A left navigation panel to configure the pages that users can navigate to within the workspace.
-   A preview of the workspace in the middle canvas.
-   A right configuration panel for configuring the selected workspace component.
-   An option to preview the workspace in a new browser tab.

\[Omitted image "wb-home-page-callouts-purple.png"\] Alt text: Basic layout for Workspace Builder: Header, Navigation panel, Configuration panel, and preview pane

The Workspace Builder header has the following navigation options just below the tab, where you can work with the following:

-   Navigation configuration
-   Record pages

**Parent Topic:**[Exploring Workspace Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/application-development/workspace-builder/exploring-workspace-builder.md)