HUD design system

# Heads-up display overlay

Transparent tactical panels, scanning metrics, and high-contrast status overlays.

Primary action Secondary action

Live module

### Reference component

online
98%Signal quality
24 Active flows
3.2s Response time

### Palette

HUD interface language with dark transparent panels, cyan telemetry, and compact status readouts.

### Control

Focus, hover, and status states share the same system signal.

Reference input

Typography

## Display rhythm

Headlines use the display stack with the declared scale and leading.

Surface

## Layer system

Cards, warm panels, borders, and raised states resolve through shared tokens.

Interaction

## Motion states

Buttons, inputs, and panels use system-specific focus rings and easing.