# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.nected.ai/nected-docs/embedded-system/white-labelling.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.