28 lines
1.6 KiB
Markdown
28 lines
1.6 KiB
Markdown
# 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.
|
|
|
|
|
|
|
|
**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.
|
|
|
|
|
|
|
|
**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.
|