# 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="https://3896040775-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL3ayyYPPw0hy6Yn2UhX0%2Fuploads%2FpVlbVEtDiZm9g6WlUgXB%2Fimage.png?alt=media&#x26;token=d9be1fc9-4bfe-4795-9f34-b6dcf54c9640" alt=""><figcaption></figcaption></figure>

### Custom Domain Options

Maintain brand identity by using your [custom domain](https://docs.supademo.com/customize/personalize/custom-branding/configure-custom-domain) 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 %}