Workspace Profile Step
A workspace setup step with name, URL slug, logo upload, and data region on the left beside a live app chrome preview on the right.
A workspace setup step with name, URL slug, logo upload, and data region on the left beside a live app chrome preview on the right.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
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.
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
After
One strong use is the second step of account setup. Other workspace profile variants:
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.