Files
TS3-vibed/Documentation/Concept/UI_Mockups.md
2026-05-03 10:50:25 +02:00

1.6 KiB

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

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

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.