---
title: Content Hub Settings - App Branding
description: Manage slides in the Content Hub by configuring players, templates, color themes, fonts, and groups for effective visual content display.
---

[Skip to content](https://service.netpresenter.com/support/content-hub-settings-app-branding#main-content)

[Create support ticket](https://service.netpresenter.com/support/kb-tickets/new?hsLang=en) [Service Center](https://service.netpresenter.com/portal?hsLang=en)

[![Netpresenter\_Logo\_2023](https://service.netpresenter.com/hs-fs/hubfs/Netpresenter_Logo_2023.png?width=300&height=72&name=Netpresenter_Logo_2023.png)](https://www.netpresenter.com/)

Open main navigation

Close main navigation

- [Create support ticket](https://service.netpresenter.com/support/kb-tickets/new)
- [Service Center](https://service.netpresenter.com/portal)

 Search the Support Center

- There are no suggestions because the search field is empty.

1. [Support Center](https://service.netpresenter.com/support?hsLang=en)
2. [Settings](https://service.netpresenter.com/support/settings?hsLang=en)

# Content Hub Settings - App Branding

This article covers **Settings → Appearance → App Branding**. For font configuration see [Configure Fonts](https://service.netpresenter.com/support/REPLACE_WITH_HUBSPOT_KB_URL_FONTS?hsLang=en); for content-type color themes see [Configure Color Themes](https://service.netpresenter.com/support/REPLACE_WITH_HUBSPOT_KB_URL_COLOR_THEMES?hsLang=en).

> **App Branding applies your organization's visual identity to all Netpresenter client applications — the Employee App, Screensaver client, and the Content Hub interface itself. You control the logo, its display size, and the full color scheme (header, sidebar, and interactive elements). Changes take effect immediately for all signed-in users after you save.**

### **Prerequisites**

- **Account Type:** System Administrator.
- No external system access is required. All changes are applied within Content Hub.

### Procedure

#### Step 1 — Open App Branding

In the left navigation, select **Settings**, then expand **Appearance** and select **App Branding**.

![](https://service.netpresenter.com/hs-fs/hubfs/image-png-Jul-10-2026-07-55-41-3099-AM.png?width=249&height=323&name=image-png-Jul-10-2026-07-55-41-3099-AM.png)

You land on the **App Branding** editor. The **Preview** panel on the right reflects your changes live as you work.

#### Step 2 — Upload your logo

In the **Logo** section, select **Upload** and choose the image file from your local machine.

- Supported formats: PNG and SVG are recommended for best quality at all sizes.
- If a logo already exists, selecting **Upload** replaces it. To remove the logo entirely, select **Delete**.

After uploading, choose a **Logo Size**:

| Option | When to use |
| --- | --- |
| **Small** | Compact header; logo stays out of the way of navigation labels. |
| **Medium** | Default. Balanced visibility in the header. |
| **Large** | Logo-first layouts; works well with shorter navigation labels. |

#### Step 3 — Configure the App theme colors

The **App theme** section controls three color groups. Each color field accepts a hex value (e.g., `#381ABC`) or can be set via the color-picker that opens when you select the color swatch.

Use the **Preview** panel on the right throughout this step — it shows a representative layout with a sidebar, content area, and interactive elements, updating in real time.

> **Important:** Keep sufficient contrast between Background and Foreground to meet WCAG AA (≥ 4.5:1 for body text, ≥ 3:1 for large text and icons). Low contrast breaks accessibility and may violate your organization's compliance requirements.

![](https://service.netpresenter.com/hs-fs/hubfs/image-png-Jun-25-2026-12-49-46-9664-PM.png?width=670&height=538&name=image-png-Jun-25-2026-12-49-46-9664-PM.png)

#### Step 4 — Export or import a theme (optional)

The **Export** and **Import** buttons at the top right of the **App theme** section let you transfer the full color set between tenants or keep a backup.

- **Export** — downloads the current theme as a file. Use this to back up before making changes, or to copy a theme to a second Space or tenant.
- **Import** — loads a previously exported theme file. All color fields are overwritten by the imported values; the logo is not affected.

> **Important:** Import overwrites all theme colors immediately. If you import by mistake, use your exported backup to restore the previous values.

#### Step 5 — Save

Select **Save changes** at the bottom of the page.

Changes are applied globally to all client applications within seconds of saving. No restart or cache-clear is needed on the client side.

### Verification

After saving, open the Slide Player of Employee app. Confirm that:

1. The logo appears in the header at the size you chose.
2. The header background and foreground colors match your settings.
3. The sidebar background and menu item highlight colors are correct.
4. Primary action buttons show the correct fill color.

The built-in **Preview** panel reflects the settings before you save and is a reliable indicator, but always do a post-save browser check in production.

- [Content Creation](https://service.netpresenter.com/support/content-creation?hsLang=en)
- [Settings](https://service.netpresenter.com/support/settings?hsLang=en)
- [Configurations](https://service.netpresenter.com/support/configurations?hsLang=en)
- [Requirements](https://service.netpresenter.com/support/requirements?hsLang=en)
- [Deployment](https://service.netpresenter.com/support/deployment?hsLang=en)
- [Security](https://service.netpresenter.com/support/security?hsLang=en)
- [Cloud Services](https://service.netpresenter.com/support/cloud-services?hsLang=en)
- [Guides](https://service.netpresenter.com/support/guides?hsLang=en)
- [Product Sheets](https://service.netpresenter.com/support/product-sheets?hsLang=en)

[![Netpresenter\_Logo\_2023\_500x75px](https://service.netpresenter.com/hs-fs/hubfs/Netpresenter_Logo_2023_500x75px.png?width=250&height=38&name=Netpresenter_Logo_2023_500x75px.png "Netpresenter_Logo_2023_500x75px")](https://www.netpresenter.com/)

The visual employee and emergency communications platform

<https://www.linkedin.com/company/netpresenter> <https://www.facebook.com/Netpresenter> <https://www.twitter.com/netpresenter> <https://www.youtube.com/user/Netpresenter> <https://vimeo.com/user138765272> <https://www.tiktok.com/@netpresenter>

© 2026 Netpresenter