> 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

Add a polished look and feel to your Supademos with Custom Backgrounds.

### 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="https://3896040775-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL3ayyYPPw0hy6Yn2UhX0%2Fuploads%2FIwwZG297P5kuSIiegazN%2Fimage.png?alt=media&amp;token=aad7aee8-4386-4742-9f30-caf211f91010" 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="https://3896040775-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL3ayyYPPw0hy6Yn2UhX0%2Fuploads%2Ft1ffdyrDSpfRGAmYmIdp%2Fimage.png?alt=media&amp;token=6e1b357d-3b59-413a-82ee-5cd47fd9348a" 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.