About this block

Workspace Profile Step is the identity screen of a workspace setup flow, split into two columns. The left form carries a workspace name Input, a URL slug Input with a fixed app.example.com/ prefix, a logo tile that falls back to initials with an Upload logo Button, and a data region choice between United States and European Union. The right column mirrors it live: a browser chrome preview with the slug in the address bar and the name in the sidebar, above a ruled list of every place the identity appears, from the sidebar to invite emails to shared links.

Regions and appearance spots are two small typed arrays, and the selected region drives the filled radio dot. Showing the name and slug reflected in a real app frame is what turns an abstract form into an obvious preview.

When to use

Reach for this block on the workspace identity step of a new-user onboarding wizard, wired to your slug validation and region provisioning. The footer states the honest constraints up front: name and logo change anytime, the old URL keeps a redirect for 30 days, and the region is fixed after setup without a migration.

A natural flow around it on an Application Pro page:

Before

• Role selection step

After

• Install CLI step
• General settings

What you can display

One strong use is the second step of account setup. Other workspace profile variants:

• Single region. Drop the region block for a product hosted in one place and lead with the logo instead.
• Custom domain. Swap the slug row for a full domain field with a verification status line beneath it.
• Team defaults. Add a default member role Select under the region so invites inherit it automatically.

Tip: reflecting the slug in a live browser frame prevents the classic what will my URL actually look like question before the user asks it.