> ## Documentation Index
> Fetch the complete documentation index at: https://docs.monobot.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Branding

> Configure your platform branding, logos, white-label settings, and feature visibility.

# Branding

The Branding section allows administrators to customize the platform appearance, white-label settings, logos, documentation visibility, and feature availability.

<Accordion title="Global Branding">
  Global Branding controls how the platform appears across all pages, widgets, and user interfaces.

  ### Brand Name

  Type: `string`

  Display name shown throughout the platform.

  Example:

  ```text theme={null}
  My Company
  ```

  ### Admin Panel Meta Title

  Type: `string`

  Browser tab title displayed for the admin panel.

  Example:

  ```text theme={null}
  My Company Admin Portal
  ```

  ### Admin Panel Meta Description

  Type: `string`

  Description used by browsers and search engines.

  Example:

  ```text theme={null}
  Manage AI agents, integrations, and platform settings.
  ```

  ### Logo

  Type: `image`

  Primary logo displayed throughout the platform.

  Supported sources:

  * Upload File
  * URL

  ### Logo Alt Text

  Type: `string`

  Alternative text used for accessibility and SEO.

  Example:

  ```text theme={null}
  Company Logo
  ```

  ### Logo Link URL

  Type: `url`

  URL opened when users click the platform logo.

  Example:

  ```text theme={null}
  https://mycompany.com
  ```

  ### Favicon

  Type: `image`

  Browser tab icon displayed when users access the platform.

  Supported sources:

  * Upload File
  * URL

  Recommended size:

  ```text theme={null}
  32x32 px
  ```

  ### Widget Icon

  Type: `image`

  Custom icon displayed in chat and voice widgets.

  Supported sources:

  * Upload File
  * URL

  ## Platform Visibility

  ### Enable Onboarding Tour

  Type: `boolean`

  Displays onboarding guidance for new users.

  ### Disable Bot Templates

  Type: `boolean`

  Hides bot templates from the platform.

  ### Enable Documentation

  Type: `boolean`

  Displays the Documentation section in the platform.

  ### Documentation Link

  Type: `url`

  URL used when Documentation is enabled.

  Example:

  ```text theme={null}
  https://docs.mycompany.com
  ```

  ### Enable Integrations Tab

  Type: `boolean`

  Displays the Integrations tab within the platform.

  ### Disable Widget Settings

  Type: `boolean`

  Prevents users from accessing Widget Configuration pages.

  ### Disable Phone Number Purchase

  Type: `boolean`

  Hides phone number purchasing functionality.

  ## Powered By Branding

  ### Disable "Powered By" Link

  Type: `boolean`

  Removes the Powered By branding link from widgets.

  ### Powered By Brand Name

  Type: `string`

  Custom brand name displayed in Powered By sections.

  Example:

  ```text theme={null}
  My Company
  ```

  ### Powered By Link URL

  Type: `url`

  Destination URL opened when users click the Powered By branding.

  Example:

  ```text theme={null}
  https://mycompany.com
  ```

  ## Features

  ### Enable Billable Units Feature

  Type: `boolean`

  Enables billable unit tracking and usage calculations.

  ### Show Billable Units on Dashboard

  Type: `boolean`

  Displays billable unit statistics on dashboards.
</Accordion>

<Accordion title="Login Branding">
  Login Branding allows administrators to fully customize the login, registration, and password recovery pages.

  ### Login Page Logo

  Type: `image`

  Logo displayed at the top of the login page.

  Supported sources:

  * Upload File
  * URL

  ### Login Page Logo Alt Text

  Type: `string`

  Alternative text for accessibility and SEO.

  Example:

  ```text theme={null}
  Company Logo
  ```

  ### Logo Link URL

  Type: `url`

  URL opened when users click the logo.

  Example:

  ```text theme={null}
  https://company.com
  ```

  ### Side Image

  Type: `image`

  Large image displayed beside the authentication form.

  Supported formats:

  ```text theme={null}
  JPEG, PNG, SVG, MP4
  ```

  Recommended size:

  ```text theme={null}
  960 × 1080 px
  ```

  ### Sign In Image

  Type: `image`

  Image displayed on the Sign In page.

  Supported formats:

  ```text theme={null}
  JPEG, PNG, SVG
  ```

  ## Metadata

  ### Login Page Meta Title

  Type: `string`

  Browser tab title for the login page.

  Example:

  ```text theme={null}
  Welcome to Platform
  ```

  ### Login Page Meta Description

  Type: `string`

  Description used by browsers and search engines.

  Example:

  ```text theme={null}
  Sign in to access your workspace.
  ```

  ### Terms & Conditions URL (Registration)

  Type: `url`

  Terms and Conditions page shown during registration.

  Example:

  ```text theme={null}
  https://company.com/terms
  ```

  ## Authentication Settings

  ### Enable Sign Up

  Type: `boolean`

  Allows new users to register accounts.

  ### Require Multi-Factor Authentication (OTP)

  Type: `boolean`

  Requires users to verify login using a one-time password.

  ## Sign In Page Content

  ### Sign In Title

  Type: `string`

  Main heading displayed on the login form.

  Example:

  ```text theme={null}
  Sign in
  ```

  ### Credentials Text

  Type: `string`

  Supporting text displayed below the title.

  Example:

  ```text theme={null}
  Enter your credentials
  ```

  ### Button Text

  Type: `string`

  Text displayed on the Sign In button.

  Example:

  ```text theme={null}
  Sign In
  ```

  ## Forgot Password Page

  ### Forgot Password Image

  Type: `image`

  Image displayed on the password recovery page.

  ### Forgot Password Title

  Type: `string`

  Main heading displayed on the password recovery form.

  Example:

  ```text theme={null}
  Forgot Password
  ```

  ### Forgot Password Description

  Type: `string`

  Description displayed below the title.

  Example:

  ```text theme={null}
  Enter your email address and we'll send you a reset link.
  ```

  ### Forgot Password Button Text

  Type: `string`

  Button text shown on the password recovery form.

  Example:

  ```text theme={null}
  Reset Password
  ```

  ## Registration Page

  ### Registration Image

  Type: `image`

  Image displayed on the registration page.

  ### Registration Title

  Type: `string`

  Main heading displayed on the registration form.

  Example:

  ```text theme={null}
  Create Account
  ```

  ### Registration Description

  Type: `string`

  Description shown below the registration title.

  Example:

  ```text theme={null}
  Create your account to get started.
  ```

  ### Registration Button Text

  Type: `string`

  Text displayed on the registration button.

  Example:

  ```text theme={null}
  Create Account
  ```

  ## Form Styling

  ### Button Color

  Type: `color`

  Primary authentication button background color.

  Example:

  ```text theme={null}
  #1F1F1F
  ```

  ### Button Border

  Type: `string`

  CSS border value applied to authentication buttons.

  Example:

  ```text theme={null}
  1px solid #1F1F1F
  ```

  ### Button Hover Color

  Type: `color`

  Button background color on hover.

  Example:

  ```text theme={null}
  #333333
  ```

  ### Button Text Color

  Type: `color`

  Text color displayed on buttons.

  Example:

  ```text theme={null}
  #FFFFFF
  ```

  ### Button Shadow (Static)

  Type: `string`

  Shadow applied to buttons by default.

  Example:

  ```text theme={null}
  0px 4px 11px rgba(27,27,27,0.5)
  ```

  ### Button Shadow (Hover)

  Type: `string`

  Shadow applied when hovering over buttons.

  Example:

  ```text theme={null}
  0px 6px 14px rgba(0,0,0,0.6)
  ```

  ### Button Disabled Color

  Type: `color`

  Color used when buttons are disabled.

  Example:

  ```text theme={null}
  #C9C9C9
  ```

  ### Form Background Gradient

  #### Start Color

  Type: `color`

  Starting color of the authentication form gradient.

  Example:

  ```text theme={null}
  #ECECFE
  ```

  #### End Color

  Type: `color`

  Ending color of the authentication form gradient.

  Example:

  ```text theme={null}
  #BDBDFA
  ```

  ### Image Column Color

  Type: `color`

  Background color used behind side images.

  Example:

  ```text theme={null}
  #F5F5F5
  ```
</Accordion>

<Accordion title="UI Elements">
  UI Elements allow administrators to customize the appearance of buttons, tabs, sliders, and other interface elements across the platform.

  A live preview is displayed on the right side of the page, so changes can be checked before saving.

  ## Primary Buttons

  Configure the default appearance for primary action buttons across the platform.

  ### Background Color

  Type: `color`

  Default background color for primary buttons.

  Example:

  ```text theme={null}
  #1f1f1f
  ```

  ### Hover Background

  Type: `color`

  Background color displayed when users hover over a primary button.

  Example:

  ```text theme={null}
  #ffffff
  ```

  ### Text Color

  Type: `color`

  Default text color for primary buttons.

  Example:

  ```text theme={null}
  #ffffff
  ```

  ### Hover Text Color

  Type: `color`

  Text color displayed when users hover over a primary button.

  Example:

  ```text theme={null}
  #1f1f1f
  ```

  ### Disabled Color

  Type: `color`

  Background color used for disabled buttons.

  Example:

  ```text theme={null}
  #c9c9c9
  ```

  ### Button Border

  Type: `string`

  CSS border value applied to primary buttons.

  Example:

  ```text theme={null}
  1px solid #1f1f1f
  ```

  ## Test Agent Button

  Customize the glow effect for the **Test Your Agent** button.

  ### Neon Glow Color

  Type: `color`

  Color used for the glow effect around the Test Your Agent button.

  Example:

  ```text theme={null}
  #D394F1
  ```

  ## Tabs

  Customize tab appearance across the platform.

  ### Active Tab Color

  Type: `color`

  Color used for the active selected tab.

  Example:

  ```text theme={null}
  #5479F7
  ```

  ## Volume Control

  Customize the volume slider appearance in Speech Settings.

  ### Slider Color

  Type: `color`

  Color used for the active part of the volume slider.

  Example:

  ```text theme={null}
  #fa1e60ff
  ```

  ## Live Preview

  The live preview shows how UI element settings will look across common platform components, including:

  * Agent configuration tabs
  * Test Agent button
  * Primary buttons
  * Disabled buttons
  * Volume control slider

  <Info>
    Use the live preview to validate color contrast and visual consistency before saving changes.
  </Info>
</Accordion>

<Info>
  Branding changes are applied across the selected tenant and may affect all users immediately after saving.
</Info>
