Product

Register

product

Users

Infrastructure operators, SREs, and fleet managers managing decentralized micro datacenters through the Harmony Fleet Operator dashboard. They are technical users who value density, speed, and clarity. They use this tool to monitor device health, track deployments, and respond to incidents. Context: often on-call, potentially on mobile or tablet, sometimes in dim environments.

Product Purpose

The Harmony Fleet Operator dashboard is the web UI for managing a fleet of edge computing devices. It provides real-time visibility into device status, deployments, and logs. The UI must surface critical information immediately and let users act fast. Design serves the operational workflow; decoration is secondary to function.

Brand Personality

Expert confidence. Precise, trustworthy, no fluff. The interface should feel like a professional tool built by people who understand the user's job. Reference tone: Linear, Vercel, GitHub's operational surfaces. Every pixel should earn its place.

Anti-references

Generic SaaS admin templates with oversized cards, gradient accents, and hero metrics
Consumer/social platform chrome (avatar rings, notification bells, bubbly buttons)
Glassmorphism, heavy blur, or decorative effects that reduce clarity
Side-stripe borders, gradient text, identical card grids

Design Principles

Density is a feature: Operators need to see more, not less. Favor information density over breathing room for breathing room's sake.
Confidence through restraint: Every visual choice should feel intentional. Avoid trends; prefer patterns that age well.
Action at the edge: Controls and status indicators live where the user expects them. Don't hide critical actions behind menus unless space truly demands it.
Dark by default, light by necessity: The primary environment is dim. The default theme should respect that without being theatrical.
System over style: Use the type scale, spacing, and color conventions already established in the codebase. Consistency reduces cognitive load.

Accessibility & Inclusion

WCAG 2.1 AA minimum for color contrast, focus indicators, and touch targets
Respect prefers-reduced-motion
Keyboard-navigable interactive elements
Clear focus states on all controls

2.3 KiB Raw Permalink Blame History