> 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/supademo-theme.md).

# Supademo Theme

Customize the look and feel of individual Supademos to match your brand.

### How to set a theme for specific Supademos?

Supademo allows you to set unique themes on a per-demo basis—perfect for tailoring demos to specific audiences, teams, or use cases.

{% hint style="info" %}
✨ Customize logos, colors, CTA buttons, and more—all without affecting your global workspace settings.
{% endhint %}

To set demo-specific themes, simply follow the instructions below:

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

### Upload Custom Meta Images for Sharing

By default, Supademos and Showcases use a system-generated meta image when shared on social media, Slack, or other platforms. For personalized demos, you can upload a custom meta image to ensure it reflects the right context.

#### Supported surfaces:

* HTML Supademos
* Screenshot-based Supademos
* Showcases

#### How it works:

1. Go to the **SEO Settings** panel for your demo or Showcase.
2. Upload a **custom meta image** (recommended size: 1200x630px).
3. The uploaded image will replace the default share preview.
4. Want to remove it? Click the 🗑️ trash icon in the top-right corner to revert to the default logic.

> 📌 Ideal for demos using variables or HTML customization where default meta images might not make sense.