Bosca / Studio

The shell

The shell you work inside

One sidebar that always knows where you are, a switcher that holds every subsystem, and a color that follows the work. Move from a content library to a cluster and the shape stays exactly the same.

The sidebar

Always there, always in context

The sidebar opens with the Bosca mark, then the subsystem you're in — its icon, its name, and a line describing it. Below that sit the subsystem's own navigation groups. The page you're on carries a tinted background and a glowing bar in the subsystem's accent, so you always know where you are.

  • The brand mark takes on the accent of the subsystem you're in.
  • The subsystem header doubles as the way into the switcher.
  • Navigation groups come from the subsystem itself.
  • The active page is marked with a tint and an accent bar.
sidebar
Bosca
CMSCollections, documents, media
Library
Collections
Documents
Media
Distribution
Publishing
Workflows

The switcher

Every subsystem, one modal

Click the subsystem header in the sidebar, or right-click and choose Subsystems, and the whole platform lays out in labelled categories — content, audience, measurement, delivery, commerce, and operations. Filter as you type, move with the arrow keys, and press Enter to land.

  • Subsystems grouped into categories you can scan.
  • Filter by name, then move with the arrow keys.
  • Landing puts you on that subsystem's first page.
subsystems
Content & ExperienceCMS · Feeds · BX · Localization · Calendar
Audience & ReachAudience · Communications · Forms
MeasureAnalytics · Experiments · Recommendations
Build & DeliverWork Ops · Git · AI · Scripts · Artifacts · Pipelines
CommerceCommerce
OperateGateway · Kubernetes · System

Color as orientation

A color for every subsystem

Each subsystem carries its own accent, and the shell wears it — the ambient gradient behind the page, the icon badge and active bar in the sidebar, the hue of the brand mark, and even the icon in your browser tab. The color tells you where you are before you read anything, and it holds in light and dark alike.

  • One accent per subsystem, carried across the whole shell.
  • The gradient, the sidebar, and the brand mark shift together.
  • The browser tab icon takes the same accent.
  • Light and dark, with the same accents in both.
accents
CMS
Work Ops
Analytics
Git
Kubernetes
AI

Right-click anywhere

The whole app, under your cursor

Studio keeps its chrome quiet — there's no top bar taking up room. The global moves live one right-click away: jump to another subsystem, open settings, show or hide collaboration, switch between light and dark, or sign out.

Keep exploring

More on Studio