> For the complete documentation index, see [llms.txt](https://interactively.gitbook.io/interactively-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://interactively.gitbook.io/interactively-docs/build/design.md).
# Design
## 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?
{% hint style="info" %}
Removing the Interactively watermark is available on our **Pro**, **Growth**, and **Enterprise** plans.
{% endhint %}
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?
{% hint style="info" %}
Adding a custom watermark is available on our **Growth** and **Enterprise** plans.
{% endhint %}
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?
{% hint style="info" %}
Adding a custom logo to the share page is available on our **Growth** and **Enterprise** plans.
{% endhint %}
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](#hotspots-and-callouts), [callouts](#hotspots-and-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](/interactively-docs/build/edit/hotspots-and-callouts.md) 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.
{% hint style="info" %}
We recommend using Dark Mode if your product has a dark theme or if you're embedding your demo on a dark-themed website.
{% endhint %}
### 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.
{% hint style="info" %}
**Note:** The first cursor option uses the user's system default cursor.
{% endhint %}
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## 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, and the optional `goal` query parameter:
```
GET https://interactively.gitbook.io/interactively-docs/build/design.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
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.