# Workspace Theme

Set consistent branding across your workspace with customizable themes.

### How to set themes for your Supademo workspace

Workspace themes let you control how all Supademos look and feel by default—perfect for ensuring consistency across teams and shared demos.

{% hint style="info" %}
✨ Customize logos, colors, watermarks, fonts, and more—all from the Branding tab in your **Customization** page.
{% endhint %}

Through the [branding tab ](https://app.supademo.com/customization#branding)within the Customization page, you can easily set up workspace defaults for the following settings:

### General branding options

![](https://d33v4339jhl8k0.cloudfront.net/docs/assets/65cd1b060e92bd4055f3b684/images/668f0a9e5173914f806c2e0f/file-EAjPIa56Nf.png)

1. **Watermark:** Remove the 'Created with Supademo' badge on demo. If you love Supademo, you can always leave it on. 😊
2. **Demo Share Page Logo:** Upload your own logo to appear in the top-left of pages with demos that you choose to share. This will reflected in all previous and future Supademo URLs you share.
3. **Demo Share Page Button:** Add in your own text, link, and styling to customize the CTA button of Supademo share pages. This will reflected in all previous and future Supademo URLs you share.
4. **Custom Favicon:** Add your own custom favicon to your workspace, and Supademos or Showcases you share will now use this icon.

{% hint style="info" %}
Default Workspace branding, including removing the Supademo watermark, is only available for Pro users (and up).
{% endhint %}

### Supademo branding options

![](https://d33v4339jhl8k0.cloudfront.net/docs/assets/65cd1b060e92bd4055f3b684/images/668f0ac6dd0f8c60bb3fe36c/file-4WqUlVYuRx.png)

1. **Default Hotspot:** Set the default hotspot color and transparency, while setting the default show/hide status of hotspots, step counts, and navigation buttons for all Supademos.
2. **Default CTA (End Chapter):** Add a default call-to-action as the end slide (last Chapter step) for every Supademo your team creates.
3. **Progress Bar:** Enable or disable both the browser bar and progress bar on your Supademos by default by setting this for your entire workspace.
4. **Browser Bar:** Hide or choose the default style of the browser bar that is shown at the top of your Supademo.
5. **Font:** Customize the font used in your Supademo workspace.

{% hint style="info" %}
When updating these branding options, you can choose to apply new workspace changes to *all* existing demos or *only* new demos.
{% endhint %}

<figure><img src="/files/iiEGHb3btD5TNZFCVhV5" alt=""><figcaption></figcaption></figure>

### Custom Domain Options

Maintain brand identity by using your [custom domain](/customize/personalize/custom-branding/configure-custom-domain.md) when sharing a Supademo with customers. For instance, ensure every Supademo is hosted under demo.mycompany.com.

{% hint style="info" %}
Please note that only one custom domain is supported per account. If you already use your domain to host your app/platform, you must use a subdomain for your custom domain.
{% endhint %}

### SEO Options

Configure default search engine behavior for Supademos created in your workspace. Customization options include:

1. Show description and steps on Supademo page: Turning on this option will display an interactive, scrolling list of steps below the frame of your Supademo, when shared as a link.
2. Show author on Supademo page: Turning on this option will display the author of the demo below the frame of your Supademo.
3. Allow search engine indexing: This will enable/disable search engines from being able to indexing your Supademo and/or showing them on search queries.

{% hint style="info" %}
**Pro tip:**\
Workspace theming ensures every Supademo your team creates aligns with your brand—automatically.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.supademo.com/customize/personalize/custom-branding/workspace-theme.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
