Design

Stay on-brand with fully customizable demos: add your branding and customize colors, fonts, cursors, and more.

Theme

Create themes to instantly apply the same design and settings to any demo. Go to Settings > Theme, click the Theme dropdown menu, select + Create theme, name your theme, and define your design and settings.

To apply a theme to your demo, in Edit click Design, and select the theme from the dropdown.

Branding

How can I remove the Interactively Watermark?

Removing the Interactively watermark is available on our Pro, Growth, and Enterprise plans.

Demos created on our Free plan have the Interactively watermark in the bottom right corner.

If you're on the Pro or Growth plan, you can remove it by clicking Design in the main toolbar in Edit, scrolling to the Branding section, clicking Edit in the Watermark section to open up the Custom Branding modal, and toggling off the Watermark switch.

How can I add my own logo to the watermark?

Adding a custom watermark is available on our Growth and Enterprise plans.

In Edit, Click Design, scroll to the Branding section, click Edit in the Watermark section to open up the Custom Branding modal, ensure the Watermark toggle switch is on, and click Upload file.

Once your logo is uploaded, you can set a custom URL and hover text for the watermark.

How can I add my own logo to the share page?

Adding a custom logo to the share page is available on our Growth and Enterprise plans.

To add your logo to the demo share page, go to Edit, click Design in the main toolbar, scroll to the Logo section under Branding, click Edit, then click Upload file to select your logo and set a custom Redirect link.

Colors and Fonts

Can I add my brand colors to my demo?

Yes! You can add your brand colors to the hotspots, callouts, call-to-action (CTA) buttons, and background of your demo in Edit.

Hotspots and callouts

Set the color of your demos hotspots and callouts to a HEX code by going to Hotspots or Callouts, and entering the HEX code in the Background color and Text color fields.

To set all hotspots or callouts to these colors, click the Apply to all icon.

Call-to-action (CTA) buttons

You can set the color of any CTA button in chapter steps within the Chapter settings when editing.

Background

Add a background behind your demo in the Background section in Design. Pick on on of our preset backgrounds or upload your own.

How do I change the font of my demo?

Change your font to any Google Font in the Font section of Design.

Can I change the browser wrapper around my demo?

For sure! In the Wrapper section of Design you can select a light wrapper, dark wrapper, no wrapper, or Dark Mode.

What is Dark Mode?

Dark Mode allows you to present your demo in a dark color palette, which includes a dark background, browser wrapper, and buttons.

We recommend using Dark Mode if your product has a dark theme or if you're embedding your demo on a dark-themed website.

Can I change the cursors?

Definitely! If you scroll to the Cursor section under Design, you'll find three sets of cursor options to choose from.

Note: The first cursor option uses the user's system default cursor.