Skip to content

Swiss-HD (International Dashboard)

Swiss-HD is a high-precision administrative interface designed for homelab service orchestration. Built on the principles of the International Typographic Style (Swiss Style), it prioritizes grid-based layouts, objective clarity, and functional minimalism while maintaining robust real-time monitoring capabilities.

1. Overview

The dashboard functions as a centralized command center for on-premise infrastructure. It bridges the gap between aesthetic excellence and operational utility by providing a clean, non-obstructive view of system health and service availability.

  • Status: Active
  • Target Environment: Homelab / Proxmox Virtualization Environment / K3s Clusters
  • Aesthetic Philosophy: International Typographic Style (Swiss Style)

2. Core Features

A. Grid-Based Orchestration

Services are organized in a modular grid architecture, ensuring rapid visual scanning and cognitive efficiency. Every element is aligned to a mathematical underlying structure to maintain balance and rhythm.

B. Real-Time Telemetry

Direct integration with multiple APIs provides live insights into:

  • Proxmox VE: CPU, RAM, and storage metrics for virtual machines
  • K3s Clusters: Node metrics, pod status, and deployment health
  • Application Metrics: Service-specific data from *arr stack, Grafana, n8n, and more

C. Environmental Context

Seamless integration with Open-Meteo and local calendar services provides atmospheric and schedule-dependent data, centralizing all relevant household variables into a single viewport.

D. Command Palette Interaction

Efficiency is maximized through a keyboard-centric Command Palette. Users can access administrative functions, service navigation, and system commands via a unified search interface, reducing reliance on cursor-driven navigation.

3. Supported Integrations

Configure services with appType to enable real-time metrics display:

App Type Metrics Shown Required Environment Variable
sonarr series count, wanted items VITE_SONARR_API_KEY
radarr movies count, wanted items VITE_RADARR_API_KEY
lidarr artists count, wanted items VITE_LIDARR_API_KEY
qbittorrent download/upload speed VITE_QBITTORRENT_USERNAME, VITE_QBITTORRENT_PASSWORD
jellyfin now playing, active devices VITE_JELLYFIN_API_KEY
argocd total apps, synced count VITE_ARGOCD_TOKEN
longhorn nodes, free storage K3s auth only
grafana dashboards, firing alerts VITE_GRAFANA_API_KEY
n8n workflows, active count VITE_N8N_API_KEY

Display Formats

Services show status with contextual metrics:

  • Basic: ONLINE
  • K8s + pods: ONLINE | pods: 1/1
  • K8s + app metrics: ONLINE | pods: 1/1 | series: 5 | wanted: 0
  • qBittorrent: ONLINE | ↓ MB/s: 2.5 | ↑ MB/s: 0.1
  • Jellyfin: ONLINE | playing: Stranger Things | devices: 2
  • ArgoCD: ONLINE | apps: 8 | synced: 7
  • Longhorn: ONLINE | nodes: 2 | free GB: 143.2
  • Grafana: ONLINE | dashboards: 15 | alerts: 3
  • n8n: ONLINE | workflows: 12 | active: 8

4. Design Standards

The interface adheres to the following design constraints:

  • Typography: Utilization of IBM Plex Sans for maximum legibility across all viewport dimensions.
  • Color Palette: A monochromatic slate foundation punctuated by functional accent colors (Ashbloom Gold, Sky, and Rose) for status indication.
  • Icons: Minimalist Lucide-React strokes to maintain visual consistency without adding unnecessary visual weight.