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

# User Interface Overview

The system follows a standardized layout to help users seamlessly navigate between different business functions.

## Screen Layout & Navigation

### Header

Located at the top page, includes the company logo, title of the current page, and various user-related icons.

<Frame>
  <img src="https://mintcdn.com/bizbone/OBCNRGQL3bnk2CCl/images/UIO-Header.png?fit=max&auto=format&n=OBCNRGQL3bnk2CCl&q=85&s=8cfe05bbb64056e150243b906b5c330a" alt="UIO Header" width="1350" height="648" data-path="images/UIO-Header.png" />
</Frame>

* **Module menu**: Displayed as a dotted grid, select to access various modules within the system, enhancing workflow efficiency.
* **Help & Support**: Displayed as a question mark, select to access to system support and resources such as guides, FAQs, or troubleshooting tools.
* **Notification**: Displayed as a bell symbol, alerts users to important updates or reminders such as system activities, pending tasks, or messages.
* **Chat**: Displayed as a speech bubble, enables real-time communication with other users or support teams. Select to ask questions, exchange information, or collaborate within the system.
* **Profile**: Displayed as user’s initials in the top right corner, provides access to personal settings and account management. Select to customize preferences, log out, or view and manage profile details.

### Module Menu

Provides access to application modules for managing tasks and business processes such as recruitment, timekeeping, and payroll.

<Frame>
  <img src="https://mintcdn.com/bizbone/OBCNRGQL3bnk2CCl/images/UIO-Menu.png?fit=max&auto=format&n=OBCNRGQL3bnk2CCl&q=85&s=1332b6b2501c8adbf045d5f03c3fa2e2" alt="UIO Menu" width="1350" height="1238" data-path="images/UIO-Menu.png" />
</Frame>

### Main Content Area

Displays the primary content for the selected module section, such as dashboards, records, and tasks.

<Frame>
  <img src="https://mintcdn.com/bizbone/OBCNRGQL3bnk2CCl/images/UIO-Main.png?fit=max&auto=format&n=OBCNRGQL3bnk2CCl&q=85&s=0e1e2492767ac509a00725ddba1de714" alt="UIO Main" width="1350" height="650" data-path="images/UIO-Main.png" />
</Frame>

### Navigation Panel

Located on the left sidebar, used to navigate between sections within a module.

<Frame>
  <img src="https://mintcdn.com/bizbone/OBCNRGQL3bnk2CCl/images/UIO-Navigate.png?fit=max&auto=format&n=OBCNRGQL3bnk2CCl&q=85&s=8dfe2e18fbe403b873373c4385508d5e" alt="UIO Navigate" width="1350" height="650" data-path="images/UIO-Navigate.png" />
</Frame>