Bold branding

Sanity Studio can be configured to be visually unique to your brand.

If you have multiple Workspaces, they can also be individually branded with an icon and subtitle field. These might be contextually unique, for example, indicating the current dataset.

Open to enlarge image

A complex and dynamic set of Workspace configurations might look something like this:

export default defineConfig([
  {
    name: 'hotels-us',
    title: 'Hotels USA',
    basePath: '/us',
    projectId: '<projectId>',
    icon: () => <Icon color={process.env.NODE_ENV !== 'production' ? 'purple' : 'red'} emoji="🇺🇸" />,
    dataset:
      process.env.NODE_ENV === 'production' ? 'hotels_us_production' : 'hotels_us_development',
    subtitle: process.env.NODE_ENV === 'production' ? 'Production' : 'Development',
    plugins: [structureTool()],
    schema: {types: schemaTypes},
  },
  // ... and others
])

The Studio’s default colors can be individually replaced with swatches more appropriate to your brand.

For an even more complex coat of paint, try using Studio v3 Themer to build a replacement theme for the Studio.

Open to enlarge image

Each workspace within a Studio can have its own unique theme!