> For the complete documentation index, see [llms.txt](https://docs.supademo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.supademo.com/workspace-settings/branding-1.md). # Branding *** ### **Watermark** The watermark is a small overlay that appears in the bottom-right corner of published Supademos. It is especially helpful for HTML and Sandbox demos, where there may not be other buttons or calls to action on the page. You can use the watermark as a simple way to guide viewers to another page, website, or resource. By default, free workspaces include a **Made with Supademo** watermark. This watermark cannot be removed on the free plan or during a trial. Watermark customization and removal are available on paid plans by workspace Administrators. {% @supademo/embed demoId="cmrnhquyf1nxcqm57v123ah8g" url="" %} #### How to customize your watermark 1. Go to **Settings > Workspace Settings > Branding**. 2. Find the **Watermark** section. 3. Turn the watermark on using the **Enable** toggle. 4. Upload a logo. 5. Add the text you want to show next to the logo. For example: `Made with Supademo` 6. Add the link viewers should open when they click the watermark. 7. Use the preview to check how the watermark will look. 8. **Save** your changes. 9. Turn the watermark off if you do not want it to appear on published content. {% hint style="info" %} Even if you plan to disable the watermark, we recommend customizing it with your own logo, text, and link first. That way, if the watermark is enabled later, it will already show your branding instead of the default Supademo branding. {% endhint %} *** ### **Logo** Your default logo is used across Supademo content pages and chapter forms. For screenshot-based Supademos, this logo appears in the top-left corner of the page. By default, it appears on a white background unless the page background has been customized. For HTML or Sandbox demos, the default logo only appears when **Full Width Share Page** is turned off for that demo. #### How to upload your logo 1. Go to **Settings > Workspace Settings > Branding**. 2. Find the **Upload Logo** section. 3. Click **Upload**. 4. Select the logo you want to use. 5. Check the **Preview** section to see how the logo will appear. 6. **Save** your changes. #### Where the logo appears Your default logo can appear on: * Content pages * Chapter forms * Screenshot-based Supademos recorded in guided screenshot mode For HTML and Sandbox demos, the logo will not appear when **Full Width Share Page** is turned on. {% hint style="info" %} Use a logo that is easy to read on a light background. If your logo is very wide, very small, or uses light colors, preview it before saving to make sure it is clear. {% endhint %} *** ### **Favicon** Your favicon is the small icon that appears in the browser tab for public Supademo content pages. Adding a custom favicon helps make shared Supademo pages feel more consistent with your brand. #### How to upload your favicon 1. Go to **Settings > Workspace Settings > Branding**. 2. Find the **Favicon** section. 3. Click **Upload**. 4. Select the favicon you want to use. 5. Check the **Preview** section to see how the favicon will appear in a browser tab. 6. **Save** your changes. {% hint style="info" %} Use a simple square icon, similar to the favicon used on your website. We recommend using a **32x32px** or **64x64px** PNG file. For best results, avoid detailed images or small text, since favicons appear very small in the browser tab. {% endhint %} *** ### **Share Page Button** The share page button appears in the top-right corner of supported Supademo share pages. You can use this button as a call to action, or CTA, that sends viewers to a specific next step. For example, you can link the button to: * Book a demo * Start a free trial * Upgrade now * Get more help * Contact support * View related resources The best CTA depends on the purpose of your demo. A sales demo may link to a booking page, while a support demo may link to a help article or contact form. #### How to customize your share page button 1. Go to **Settings > Workspace Settings > Branding.** 2. Find the **Share Page Button** section. 3. Add the button text. The button text can be up to **50 characters**. 4. Add the link viewers should open when they click the button. 5. Choose the button colors. You can customize the background color and text color. 6. Check the **Preview** section to see how the button will appear. 7. **Save** your changes. *** ### **Benefits** * **Consistent brand presence** — Your logo, favicon, and colors appear across all demos. * **Professional appearance** — Custom branding replaces default Supademo elements. * **Flexible CTAs** — Guide viewers to the right next step with a custom share page button. * **Workspace-wide settings** — Set branding once and apply it to all Supademos automatically. * **Preview before publishing** — See exactly how branding elements will appear before saving. *** ### **Use Cases**
Sales and Marketing Demos Add your company logo, custom favicon, and a "Book a Demo" CTA button to create a polished, branded experience for prospects viewing your product demos.
Customer Support and Help Content Brand your support demos with your logo and link the share page button to your help center or contact form — keeping viewers in your ecosystem.
Partner and Co-Branded Content Customize the watermark with partner logos or co-branded messaging when creating demos for partners, integrations, or joint marketing campaigns.
Internal Training and Enablement Use your company branding for internal demos and training materials. Add a CTA button linking to your internal wiki or additional resources.
*** > ✨ **The Result:** A consistent, professional brand experience across every Supademo — from share pages to browser tabs.