SYSTEM TIME: --:--:--

SAGE AIR DEFENSE TERMINAL

DESIGN SYSTEM COMPONENT SHOWCASE

SYSTEM STATUS

RADAR

OPERATIONAL

THREATS

3 DETECTED
HIGH PRIORITY TARGET INBOUND

DEFENSE

READY

BATTERY: 85% CHARGED

ALERTS

CRITICAL
FUEL LOW - 15% REMAINING

TYPOGRAPHY

Headings

H1 - MAIN SYSTEM

H2 - SUBSYSTEM

H3 - COMPONENT

H4 - ELEMENT

Text Sizes & Colors

EXTRA LARGE PRIMARY

LARGE AMBER

LARGE RED

MEDIUM BLUE

SMALL GRAY

EXTRA SMALL WHITE

BUTTONS

Primary Actions
Alert Actions
Button Sizes

FORMS

Input Fields
Text Area & Checkboxes

DATA TABLES

Target Tracking Table
TARGET ID COORDINATES ALTITUDE SPEED STATUS DISTANCE
TGT-001 34.52, -118.24 12,000 FT 450 KTS HOSTILE 45.2 KM
TGT-002 34.18, -118.45 8,500 FT 320 KTS UNKNOWN 67.8 KM
TGT-003 34.75, -118.12 15,000 FT 580 KTS FRIENDLY 23.1 KM
TGT-004 34.41, -118.33 10,200 FT 390 KTS HOSTILE 52.7 KM

PROGRESS & LOADING

System Loading

INITIALIZING DEFENSE SYSTEMS...

Progress Bars

75% COMPLETE

45% REMAINING

Status Indicators
SYSTEM ONLINE
WARNING STATE
CRITICAL ERROR
INFORMATION

ALERTS & MESSAGES

Alert Types
SYSTEM INITIALIZATION COMPLETE
LOW FUEL WARNING - 15% REMAINING
CRITICAL SYSTEM FAILURE DETECTED
INCOMING TRANSMISSION FROM BASE
Toast Notification
ALERT: New hostile target detected at bearing 045°

TERMINAL & CODE

Command Terminal
SAGE DEFENSE SYSTEM v2.1
COMMAND: INITIALIZE RADAR SWEEP
STATUS: OPERATION SUCCESSFUL
TARGETS DETECTED: 3
NEXT COMMAND:
Code Display
function calculateInterception(
  targetX, targetY, targetSpeed,
  interceptorX, interceptorY, interceptorSpeed
) {
  const distance = Math.sqrt(
    Math.pow(targetX - interceptorX, 2) +
    Math.pow(targetY - interceptorY, 2)
  );
  return distance / interceptorSpeed;
}

Execute command TRACK_TARGET to begin tracking sequence.

DISPLAY COMPONENTS

Oscilloscope

SIGNAL ANALYSIS DISPLAY

System Cards

Missile Battery Alpha

Last updated: 13:45:22

ARMED AND READY

4 missiles loaded, target lock available

Communication Array

Last updated: 13:45:18

INTERFERENCE DETECTED

Signal strength: 67%, some static present

LAYOUT EXAMPLES

Mission Control Dashboard

PRIMARY RADAR

THREAT ANALYSIS

2 HIGH PRIORITY TARGETS
ID THREAT ETA
T-01 HIGH 02:30
T-02 MED 05:15

SYSTEM STATUS