# UI & Aesthetics: Reference Mockups

This project prioritizes a simple, utilitarian, and highly functional aesthetic, inspired heavily by classic communication tools like TeamSpeak 3. Below are the reference designs for both the main client application and the web administration dashboard.

## 1. The Main Client Application

The desktop client is completely focused on raw functionality, utilizing a basic blocky layout without distracting glassmorphism or overly stylized elements.

![Main Client UI Reference](./main_client_ui.png)

**Key Design Elements:**
*   **Channel Hierarchy (Left):** A straightforward, folder-like tree view. Active speakers are indicated by simple colored dots next to their names.
*   **Chat Interface (Right):** A plain text chat log focused on high readability and efficiency.
*   **Color Palette:** Standard system greys and soft dark themes. The focus is on low visual noise so the app can fade into the background.

---

## 2. The Web Admin Dashboard

The server administration dashboard (served via `axum` and embedded via `rust-embed`) provides a clean, classic control panel overview of the node's health.

![Web Admin Dashboard Reference](./admin_dashboard_ui.png)

**Key Design Elements:**
*   **Raw Data Focus:** The main panel highlights raw data tables, basic server logs, and straightforward metric charts.
*   **Sidebar Navigation:** A no-nonsense sidebar with plain text links to Users, Channels, Roles, and Settings.
*   **Utility Over Flash:** Designed strictly for server administrators who need to view logs and adjust permissions quickly without visual clutter.