Add remaining project files
This commit is contained in:
27
Documentation/Concept/UI_Mockups.md
Normal file
27
Documentation/Concept/UI_Mockups.md
Normal file
@@ -0,0 +1,27 @@
|
||||
# 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.
|
||||
Reference in New Issue
Block a user