> For the complete documentation index, see [llms.txt](https://hireryze.gitbook.io/hireryze-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hireryze.gitbook.io/hireryze-documentation/system-configuration/system-settings.md).

# System Settings

The **System Settings** screen is used by the Super Admin to manage the visual branding and technical identity of the platform, ensuring the interface reflects the company's professional image.

#### Navigating System Settings

* **Location**: Access this module through the main menu path: Home $$\rightarrow$$ System Configuration $$\rightarrow$$ System Settings.
* **Purpose**: To customize the global interface elements, including logos, naming conventions, and primary color schemes applied across all modules.
* **Key Components**: The screen is divided into Media Management (logos/favicon) and Interface Metadata (title text, employee prefixes, and color).

***

#### Step-by-Step: Configuring Platform Identity

**1. Media and Branding**

* Update Logos: Use the "Choose File" buttons to upload high-resolution images for the following:
  * Logo (Light Mode): For use on dark backgrounds or the light theme.
  * Logo (Dark Mode): Optimized for the system's dark theme.
  * Favicon: The small icon displayed in the browser tab.

<figure><img src="https://52273894-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1uLG9WLPlrX8aL7WQL14%2Fuploads%2FOZ4kwaok40yacnNGgxD1%2FScreenshot%202025-12-22%20120304.png?alt=media&amp;token=5bcd0233-3e53-4263-b2f5-a7e666cf0b59" alt=""><figcaption></figcaption></figure>

**2. Interface Metadata**

* Title Text: Enter the name that will appear in the browser's title bar (e.g., "HireRyze").
* Employee Code Prefix: Define the standard alphanumeric prefix for all employee IDs (e.g., "EMP-"). This ensures consistent record-keeping in the People Management module.
* Primary Color: Select the hex code or use the color picker to set the main accent color for buttons and active menu items.

<figure><img src="https://52273894-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1uLG9WLPlrX8aL7WQL14%2Fuploads%2FURGYrDUDearv8bXv0VDF%2FScreenshot%202025-12-22%20120304.png?alt=media&amp;token=4589ea65-67a4-48e8-a8e9-7c87c7b285ce" alt=""><figcaption></figcaption></figure>

***

#### Managing and Saving Changes

* **Finalize**: Click the blue "Save Changes" button in the bottom right corner to deploy the updated branding system-wide.

<figure><img src="https://52273894-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1uLG9WLPlrX8aL7WQL14%2Fuploads%2FklXaPbAZdNKqPnUMA0xr%2FScreenshot%202025-12-22%20120304.png?alt=media&amp;token=2d96b047-aab7-4e9f-be9a-152b3409a7dd" alt=""><figcaption></figcaption></figure>

* **Immediate Impact**: Once saved, the new logo and colors will be visible to all users upon their next page refresh, reinforcing the company's brand identity during daily HR operations.
