> For the complete documentation index, see [llms.txt](https://docs.nected.ai/nected-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.nected.ai/nected-docs/embedded-system/white-labelling.md).

# White-Labelling

## White-Labeled Feature: Configuration Guide

This document outlines the steps to enable and configure the white-labeled feature for your Nected workspace. Follow the instructions below to customize the platform according to your branding needs.

***

### Prerequisites

1. Access to the Workspace settings in your Nected account.
2. Permissions to modify workspace configurations.

***

### Step-by-Step Configuration

#### Step 1: Access the Workspace Settings

1. Log in to your Nected account.
2. Navigate to the **Settings** section on the left-hand menu.
3. Select **Workspace** from the options under **Settings**.

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

#### Step 2: Enable White Labeling

1. Locate the toggle for **Enable White Label** in the **Settings** tab of the Workspace.
2. Switch the toggle to **On** (enabled).

#### Step 3: Configure Branding Options

Once the white-labeling option is enabled, additional configuration fields will appear. Customize the following fields:

#### 3.1 Company Name

* Enter the name of your company in the **Company Name** field.

#### 3.2 Font Family

* Select the preferred font family from the dropdown menu.

#### 3.3 Base Font Size

* Define the base font size (in pixels) for your workspace. Example: `10 px`.

#### 3.4 Favicon

* Click on **Choose an Image** under the **Favicon** section.
* Upload the image file you want to display as the favicon.

#### 3.5 Company Logo

* Click on **Choose an Image** under the **Company Logo** section.
* Upload your company’s logo.

#### 3.6 Colors

Customize the following color attributes by entering HEX codes or selecting from the color picker:

* **Primary Color**: Controls primary UI elements.
* **Secondary Color**: Defines secondary UI elements.
* **Background Color**: Sets the default background color.
* **Dropdown Color**: Adjusts the dropdown menus.
* **Action Count Text**: Defines the color of text associated with action counts.
* **Profile Picture Border**: Sets the border color of profile pictures.
* **Alert Information Color**: Configures alert highlights.
* **Hover State Color**: Determines the hover effect color.
* **Upgrade State Color**: Customizes the appearance of upgrade prompts.

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

#### Step 4: Save Changes

1. After making all necessary adjustments, click on the **Save** button to apply changes.

***

### Additional Notes

* Ensure all uploaded images are in supported formats (e.g., PNG, JPEG) and optimized for web usage.
* Changes may take a few minutes to reflect across all user interfaces.
* To revert to default settings, disable the **Enable White Label** toggle.

***

### FAQ

**Q: Can I preview changes before saving?** A: Currently, the changes will apply directly upon saving. Ensure all inputs are correct before clicking Save.

**Q: What image size is recommended for the company logo and favicon?** A: Use a favicon of 32x32 pixels and a logo of 200x50 pixels for optimal clarity.

**Q: Can I change the white-label settings later?** A: Yes, you can update these settings anytime from the Workspace settings.