Knowledge Base
ResourcesContact Support
  • Getting started
    • Recommended playbooks
    • Common FAQs
  • Record & Upload
    • By Supademo type
      • HTML interactive demos
      • Screenshot/video interactive demos
    • By record/upload type
      • Chrome extension
        • Smart blur
      • Desktop app
      • Figma plugin
      • Upload content
      • Record screen and webcam
  • Editing
    • HTML editing
    • Hotspots
      • HTML-based hotspots
      • Invisible hotspots
    • Chapters
      • Call-to-Action
      • Password protect
      • Email lead capture
      • Native forms
      • Embed forms & apps in Chapters
    • Browser and progress bar
    • Add, remove, duplicate steps
    • SEO and titles
    • Blur, crop and annotate
    • Animations
      • Zoom and pan
      • Autoplay and loop
      • Hotspot and chapter animations
    • Background music
    • Video splitting
  • Personalization
    • Custom branding
      • Configure custom domain
      • Workspace theme
      • Supademo theme
      • Backgrounds and frames
      • Custom fonts
      • Watermark
    • Voiceovers
      • AI Voiceover
      • Manual Voiceover
    • Translations
      • Translations Hub
    • Variables and tokens
    • Conditional branching
  • sharing
    • Share as a link
      • Trackable share links
      • Twitter / X interactive links
    • Embed online
      • Instructions for popular apps
    • Exports
      • Copy steps as SOP guide
      • Export to PDF or PNG
      • Export to MP4/GIF
    • Folder sharing
    • In-app product tours
    • Showcase collection
  • Analytics & data
    • General analytics
    • Session metrics
      • Search for leads
    • Trending content
    • Integrations
      • HubSpot integration
      • Salesforce integration
      • Google Analytics integration
      • Slack integration
      • Zapier integration
    • Data & API
      • Developer docs
      • Disable tracking
  • Workspace
    • Folders and subfolders
    • Bulk actions
    • Notifications
    • Account settings
    • Comments & collaboration
    • Team management
      • Add or approve new team members
      • Roles and permissions
  • Enterprise
    • Enterprise administration
    • Create multiple workspaces
    • SSO & SAML
  • Billing & legal
    • Billing & payments
      • Access Invoices
      • Billing FAQ
  • General Security
    • Disable tracking
    • Request account deletion
Powered by GitBook
On this page
  • How to set themes for your Supademo workspace
  • General branding options
  • Supademo branding options
  • Custom Domain Options
  • SEO Options

Was this helpful?

  1. Personalization
  2. Custom branding

Workspace theme

PreviousConfigure custom domainNextSupademo theme

Last updated 7 days ago

Was this helpful?

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.

✨ Customize logos, colors, watermarks, fonts, and more—all from the Branding tab in your Customization page.

Through the within the Customization page, you can easily set up workspace defaults for the following settings:

General branding options

  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.

Default Workspace branding, including removing the Supademo watermark, is only available for Pro users (and up).

Supademo branding options

  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.

When updating these branding options, you can choose to apply new workspace changes to all existing demos or only new demos.

Custom Domain Options

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.

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.

Pro tip: Workspace theming ensures every Supademo your team creates aligns with your brand—automatically.

Maintain brand identity by using your when sharing a Supademo with customers. For instance, ensure every Supademo is hosted under demo.mycompany.com.

custom domain
branding tab