> 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/customize/personalize/backgrounds-and-frames.md).

# Backgrounds & Frames

### What are custom backgrounds?

Custom Backgrounds let you frame your Supademos and Showcases with on-brand visuals—choose from preset gradients, upload your own image, or select a custom color.

{% @supademo/embed demoId="clyf37z5q04hpai22ep7llgsv" url="<https://app.supademo.com/demo/clyf37z5q04hpai22ep7llgsv>" %}

{% hint style="info" %}
✨ Perfect for teams looking to add personality, match brand guidelines, or visually differentiate demos.
{% endhint %}

<figure><img src="/files/snFOm1mkJhLBDBjpzzke" alt=""><figcaption></figcaption></figure>

**How to Customize Backgrounds**

1. Open the **Supademo editor**.
2. Click **Backgrounds** under the slide.
3. Upload a **custom image** or choose a **custom color**.
4. All links and embeds of your Supademo will be updated automatically.

<figure><img src="/files/WTMRf7kkbLZ2tQbh3oFH" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
This background will also be quickly accessible across other Supademos in your workspace!
{% endhint %}

### Benefits

* **On-brand visuals** — Match your demos to your brand guidelines with custom colors and images.
* **Professional appearance** — Frame your demos with polished backgrounds that stand out.
* **Workspace-wide access** — Custom backgrounds are saved and accessible across all your Supademos.
* **Instant updates** — Changes apply automatically to all links and embeds.

### Use Cases

<details>

<summary><strong>Brand Consistency Across Demos</strong></summary>

Upload your brand colors or custom background images to ensure every demo matches your visual identity — no matter who on your team creates it.

</details>

<details>

<summary><strong>Product Launch Campaigns</strong></summary>

Create campaign-specific backgrounds for product launches or seasonal promotions. Differentiate these demos visually while keeping your core branding intact.

</details>

<details>

<summary><strong>Client-Specific Demos</strong></summary>

Customize backgrounds for specific clients or prospects. Add their brand colors or a co-branded visual to make demos feel personalized and tailored.

</details>

<details>

<summary><strong>Event and Webinar Demos</strong></summary>

Match your demo backgrounds to event branding for conferences, webinars, or trade shows — creating a cohesive visual experience across all materials.

</details>

> ✨ **The Result:** Demos that look polished, professional, and perfectly on-brand — every time.