# Brand Settings

In the Brand Settings page, you can configure the following options for your Prop Trading System:

1. [**Website Name**](#website-name)**:** Specify the name that will be displayed on the browser tab when users access your CRM. This allows you to personalize the branding and ensure that users easily recognize and identify your CRM website.<br>
2. [**CRM Logo**](#crm-logo)**:** Upload and set your desired logo to appear on the CRM Client Portal and Back Office. This allows you to showcase your brand identity and create a consistent visual representation for your users. You can setup 3 different logos: <br>
   * **Website Logo:** This logo will be displayed on the CRM when users log in.<br>

     <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FC2oCcBcgC3OEVFcZICP4%2Fimage.png?alt=media&#x26;token=1ea8d0f2-878a-4088-9ca2-3560e3ea38ef" alt=""><figcaption></figcaption></figure>
   * **Favicon:** The favicon is the small icon that appears on the browser tab when users open your CRM in a web browser. <br>

     <div align="left"><figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FMywQo7oEkHlP5tX9o6T5%2Fimage.png?alt=media&#x26;token=f557e52e-9a75-4671-a02c-5e19b31fc0fb" alt="" width="375"><figcaption></figcaption></figure></div>
   * **APP & PWA Icon:** This logo represents your mobile application or Progressive Web Application (PWA). It is displayed as the app icon on the home screen of users' devices.<br>

     <div align="left"><figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2F77YLxpZM933XCVvNG8Fl%2Fimage.png?alt=media&#x26;token=ff8a2a89-7561-4fbe-bb8f-979edd59b212" alt=""><figcaption></figcaption></figure></div>
3. [**Theme Color**](#theme-color)**:** Choose the theme color that aligns with your brand's visual identity. This color will be applied to various elements throughout the CRM, providing a cohesive and branded experience for your users.<br>
4. [**Default Mode**](#default-mode)**:** Select the default mode for the CRM interface - light mode or dark mode. When users access the CRM, the selected default mode will be displayed, offering a preferred visual experience from the moment they log in.<br>
   * Light Mode<br>

     <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FenKbXoCetEo6HUEeT1rD%2Fimage.png?alt=media&#x26;token=1b6e1258-aa92-47e8-aa59-cd49af38ab7a" alt=""><figcaption></figcaption></figure>
   * Dark Mode<br>

     <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FGEodHX9OdoxPtgEXvm5F%2Fimage.png?alt=media&#x26;token=c129c668-372e-47d0-8cb4-d87886162bcc" alt=""><figcaption></figcaption></figure>
5. [**Landing Style**](#landing-style)**:** Choose the desired landing page style for your Prop Trading System - center, left, or right. This option allows you to customize the layout and positioning of the content on the landing page, making your CRM look more unique and tailored to your brand's aesthetics.<br>
   * Center

     <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FCPoFlI9ttLPAyvtTzNVj%2Fimage.png?alt=media&#x26;token=6171e2fd-cd1f-49c1-a1ae-cc8fbec85bab" alt=""><figcaption></figcaption></figure>
   * Left&#x20;

     <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FeSpfSGl4tEGZh5jMJmG0%2Fimage.png?alt=media&#x26;token=4b6ea721-d121-4b34-bfbe-201db8babb45" alt=""><figcaption></figcaption></figure>
   * Right

     <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2F2gem10sjxDIdGf6tex55%2Fimage.png?alt=media&#x26;token=2a2c6a8b-18aa-4da8-8ef4-849db1293552" alt=""><figcaption></figcaption></figure>

<details>

<summary>Website Name</summary>

To edit your website name in the Brand Settings module, follow these steps:

1. For Client Portal domain, navigate to Settings > Client Portal > Brand Settings. For Back Office domain, navigate to Settings > Back Office > Brand Settings. <br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FwKVbsT2Q6SpHysAm24ud%2Fimage.png?alt=media&#x26;token=1b30c3d1-c051-48bc-925e-ea4415bac885" alt=""><figcaption></figcaption></figure>
2. Click the "Edit" icon. <br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FVizPiGHnIAtJkj1kzBNw%2Fimage.png?alt=media&#x26;token=215cf61b-bc33-4ede-8a34-6dc54f753eb1" alt=""><figcaption></figcaption></figure>
3. Enter your desired website name, keeping it within a maximum of 50 characters.<br>

   <div align="left"><figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FYmgDQfq6u1vZTyPeKfQx%2Fimage.png?alt=media&#x26;token=0a05834e-6a3b-4e85-be24-8077a12f3053" alt="" width="563"><figcaption></figcaption></figure></div>
4. Once you have entered the new website name, click on the "Save" icon to save your changes.<br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FhDZIeaTUWEtl8bXi9Cxz%2Fimage.png?alt=media&#x26;token=9ae082d8-432c-4c19-8a50-075299649554" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>CRM Logo</summary>

To setup the logos, follow these steps:&#x20;

1. For Client Portal domain, navigate to Settings > Client Portal > Brand Settings. For Back Office domain, navigate to Settings > Back Office > Brand Settings. <br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FODZ4qwob5d05Jn70FnLe%2Fimage.png?alt=media&#x26;token=70a78dd7-35d8-42c1-81ad-d9d326cf273b" alt=""><figcaption></figcaption></figure>
2. Click the "Edit" icon. <br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2F0XR8qtvl5EYQFQ1P7Bq3%2Fimage.png?alt=media&#x26;token=a158953f-94c1-4321-b501-eb87c9e80b4f" alt=""><figcaption></figcaption></figure>
3. For each logo type, upload the logo file from your computer. Please note that only PNG and JPG file formats are accepted.<br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FfPRcIcPPIFgpUOlKAObF%2Fimage.png?alt=media&#x26;token=f4f0af4f-a5a1-4efd-aacc-bd155a953009" alt=""><figcaption></figcaption></figure>
4. Ensure that the logo file meets the recommended size specifications:&#x20;
   * For Website Logo: Recommended size is 300x200 pixels.&#x20;
   * For Favicon: Recommended size is 40x40 pixels.&#x20;
   * For App & PWA Icon: Recommended size is 1024x1024 pixels.<br>
5. Once the logo file is uploaded and meets the specified size, click on the "Save" button to apply the changes.<br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FMptTFvHUrgPHoLksVKHN%2Fimage.png?alt=media&#x26;token=51f7a785-d487-4755-bbd3-8da191197710" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>Theme Color</summary>

To setup the theme color, follow these steps:&#x20;

1. For Client Portal domain, navigate to Settings > Client Portal > Brand Settings. For Back Office domain, navigate to Settings > Back Office > Brand Settings. <br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2F6HyII3z5EIJ2GsKFtX5A%2Fimage.png?alt=media&#x26;token=d1fb244d-86d7-4a37-a53d-4f2be3ad15ff" alt=""><figcaption></figcaption></figure>
2. Click the "Edit" icon. <br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2Ffi4l5XCzUYKIpo9cidFn%2Fimage.png?alt=media&#x26;token=5fac913a-6015-435a-b8ea-997e889be3db" alt=""><figcaption></figcaption></figure>
3. Select your preferred theme color. <br>

   <div align="left"><figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2F2iBqDdGK48yN0dNbrMOU%2Fimage.png?alt=media&#x26;token=8b4edadf-1ee0-46f1-aae5-35f3d5cb640c" alt="" width="375"><figcaption></figcaption></figure></div>
4. Click "Save".<br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FEJ0gzlnmCXRJhl3iIoAb%2Fimage.png?alt=media&#x26;token=4942de72-943e-49f0-a92a-ee255e7c7815" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>Default Mode</summary>

To select the default color mode for your CRM, please follow these steps:

1. For Client Portal domain, navigate to Settings > Client Portal > Brand Settings. For Back Office domain, navigate to Settings > Back Office > Brand Settings. <br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FIgWVIA6bII3HxS1YOPPQ%2Fimage.png?alt=media&#x26;token=6047ddec-6a70-4f7f-9c7e-f09900513c25" alt=""><figcaption></figcaption></figure>
2. Click the "Edit" icon.<br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FqVYkXCKgSNegJggWpVzB%2Fimage.png?alt=media&#x26;token=beb69676-7d89-4b92-8900-210cb6297a97" alt=""><figcaption></figcaption></figure>
3. Choose between the Light Mode or Dark Mode option. <br>

   <div align="left"><figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2Fr9Dr9q3HkoQ5E3WPA5Kf%2Fimage.png?alt=media&#x26;token=bcc02a03-1df0-44a5-99fc-d6ceff0a0904" alt="" width="188"><figcaption></figcaption></figure></div>
4. Once you have made your selection, click on the "Save" icon to save the changes.<br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2F8EmHrMDtMDvxaM0ENjdh%2Fimage.png?alt=media&#x26;token=25d40ae3-5f11-4f11-9437-cb843eb3e8a4" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>Landing Style</summary>

To setup the landing page style for your CRM, follow these steps:&#x20;

1. For Client Portal domain, navigate to Settings > Client Portal > Brand Settings. For Back Office domain, navigate to Settings > Back Office > Brand Settings. <br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2Fkt7X7rLPf4mhC29f1mj5%2Fimage.png?alt=media&#x26;token=faf5d38c-66ac-4bd6-85d6-423b20766ecf" alt=""><figcaption></figcaption></figure>
2. Select you preferred landing page style. <br>

   <div align="left"><figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2Fmcs2avChhjabI0bzLXXP%2Fimage.png?alt=media&#x26;token=0525a11d-8fd8-48d4-8f9d-65892dfbe4d3" alt="" width="375"><figcaption></figcaption></figure></div>
3. Once you have made your selection, click on the "Save" icon to save the changes.<br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FNQOdgmhmCF8vkTYMCW23%2Fimage.png?alt=media&#x26;token=b8c78720-ed29-4e0a-a3fa-5186f67a8250" alt=""><figcaption></figcaption></figure>

</details>
