diff --git a/docs/design/wireframes/navigator/body-info-panel.json b/docs/design/wireframes/navigator/body-info-panel.json
new file mode 100644
index 000000000..7b6996b04
--- /dev/null
+++ b/docs/design/wireframes/navigator/body-info-panel.json
@@ -0,0 +1,220 @@
+{
+  "name": "Body Info Panel",
+  "shapes": {
+    "bg": {
+      "type": "Rectangle",
+      "left": 0, "top": 0, "width": 1140, "height": 780,
+      "fillColor": "#0d1117", "strokeColor": "#0d1117"
+    },
+
+    "back-btn": {
+      "type": "Rectangle",
+      "left": 20, "top": 20, "width": 120, "height": 32,
+      "fillColor": "#1a2030", "strokeColor": "#333340",
+      "corners": [4, 4, 4, 4]
+    },
+    "back-label": {
+      "type": "Text",
+      "parent": "back-btn",
+      "left": 32, "top": 26,
+      "text": "< LU BAN SYSTEM",
+      "fontColor": "#c8d0e0", "fontSize": 11
+    },
+
+    "planet-screenshot": {
+      "type": "Rectangle",
+      "left": 40, "top": 80, "width": 360, "height": 360,
+      "fillColor": "#111820", "strokeColor": "#1a2030",
+      "corners": [8, 8, 8, 8]
+    },
+    "planet-screenshot-placeholder": {
+      "type": "Ellipse",
+      "left": 100, "top": 120, "width": 240, "height": 240,
+      "fillColor": "#1a3050", "strokeColor": "#2a5080"
+    },
+    "planet-screenshot-label": {
+      "type": "Text",
+      "left": 155, "top": 230,
+      "text": "Planetary Shader\nScreenshot (Q-064)",
+      "fontColor": "#2a5080", "fontSize": 12
+    },
+
+    "body-name": {
+      "type": "Text",
+      "left": 430, "top": 80,
+      "text": "XIN CHENGDU",
+      "fontColor": "#c8d0e0", "fontSize": 24
+    },
+    "body-designation": {
+      "type": "Text",
+      "left": 430, "top": 112,
+      "text": "GJ-15Ac · Third planet of Lu Ban",
+      "fontColor": "#667788", "fontSize": 12
+    },
+
+    "stats-bg": {
+      "type": "Rectangle",
+      "left": 430, "top": 140, "width": 320, "height": 200,
+      "fillColor": "#111820", "strokeColor": "#1a2030",
+      "corners": [4, 4, 4, 4]
+    },
+    "stats-title": {
+      "type": "Text",
+      "parent": "stats-bg",
+      "left": 442, "top": 150,
+      "text": "PROFILE",
+      "fontColor": "#c8d0e0", "fontSize": 11
+    },
+    "stat-type": {
+      "type": "Text",
+      "parent": "stats-bg",
+      "left": 442, "top": 172,
+      "text": "Type:          Temperate terrestrial",
+      "fontColor": "#667788", "fontSize": 11
+    },
+    "stat-atmo": {
+      "type": "Text",
+      "parent": "stats-bg",
+      "left": 442, "top": 190,
+      "text": "Atmosphere:    Breathable (0.92 atm)",
+      "fontColor": "#667788", "fontSize": 11
+    },
+    "stat-gravity": {
+      "type": "Text",
+      "parent": "stats-bg",
+      "left": 442, "top": 208,
+      "text": "Gravity:       0.87g",
+      "fontColor": "#667788", "fontSize": 11
+    },
+    "stat-pop": {
+      "type": "Text",
+      "parent": "stats-bg",
+      "left": 442, "top": 226,
+      "text": "Population:    1.8M",
+      "fontColor": "#44ff88", "fontSize": 11
+    },
+    "stat-econ": {
+      "type": "Text",
+      "parent": "stats-bg",
+      "left": 442, "top": 244,
+      "text": "Economy:       Manufacturing + Agri",
+      "fontColor": "#667788", "fontSize": 11
+    },
+    "stat-culture": {
+      "type": "Text",
+      "parent": "stats-bg",
+      "left": 442, "top": 262,
+      "text": "Corridor:      East Reach (E. Asian)",
+      "fontColor": "#44aa66", "fontSize": 11
+    },
+    "stat-governance": {
+      "type": "Text",
+      "parent": "stats-bg",
+      "left": 442, "top": 280,
+      "text": "Governance:    Technocratic-corporate",
+      "fontColor": "#667788", "fontSize": 11
+    },
+    "stat-wave": {
+      "type": "Text",
+      "parent": "stats-bg",
+      "left": 442, "top": 298,
+      "text": "Settlement:    Wave 2 (est. ~420 years)",
+      "fontColor": "#667788", "fontSize": 11
+    },
+    "stat-industrial": {
+      "type": "Text",
+      "parent": "stats-bg",
+      "left": 442, "top": 316,
+      "text": "Industrial:    Prometheus Labs corridor",
+      "fontColor": "#667788", "fontSize": 11
+    },
+
+    "stations-bg": {
+      "type": "Rectangle",
+      "left": 770, "top": 140, "width": 350, "height": 120,
+      "fillColor": "#111820", "strokeColor": "#1a2030",
+      "corners": [4, 4, 4, 4]
+    },
+    "stations-title": {
+      "type": "Text",
+      "parent": "stations-bg",
+      "left": 782, "top": 150,
+      "text": "STATIONS & FACILITIES",
+      "fontColor": "#c8d0e0", "fontSize": 11
+    },
+    "station-1": {
+      "type": "Text",
+      "parent": "stations-bg",
+      "left": 782, "top": 172,
+      "text": "GJ-15Ac-S1  Chengdu Orbital    Commercial Hub",
+      "fontColor": "#667788", "fontSize": 10
+    },
+    "station-2": {
+      "type": "Text",
+      "parent": "stations-bg",
+      "left": 782, "top": 190,
+      "text": "GJ-15Ac-S2  Prometheus Lab 7   Research (Restricted)",
+      "fontColor": "#667788", "fontSize": 10
+    },
+    "station-3": {
+      "type": "Text",
+      "parent": "stations-bg",
+      "left": 782, "top": 208,
+      "text": "GJ-15Ac-S3  Xin Chengdu Down   Surface Port",
+      "fontColor": "#667788", "fontSize": 10
+    },
+
+    "moons-bg": {
+      "type": "Rectangle",
+      "left": 770, "top": 276, "width": 350, "height": 60,
+      "fillColor": "#111820", "strokeColor": "#1a2030",
+      "corners": [4, 4, 4, 4]
+    },
+    "moons-title": {
+      "type": "Text",
+      "parent": "moons-bg",
+      "left": 782, "top": 286,
+      "text": "MOONS",
+      "fontColor": "#c8d0e0", "fontSize": 11
+    },
+    "moon-1": {
+      "type": "Text",
+      "parent": "moons-bg",
+      "left": 782, "top": 306,
+      "text": "GJ-15Ac-1   Barren · Uninhabited · 0.12g",
+      "fontColor": "#445566", "fontSize": 10
+    },
+
+    "gttr-bg": {
+      "type": "Rectangle",
+      "left": 40, "top": 460, "width": 1080, "height": 300,
+      "fillColor": "#111820", "strokeColor": "#1a2030",
+      "corners": [4, 4, 4, 4]
+    },
+    "gttr-title": {
+      "type": "Text",
+      "parent": "gttr-bg",
+      "left": 56, "top": 472,
+      "text": "DRIFTER'S GUIDE TO THE REACH — XIN CHENGDU",
+      "fontColor": "#c8d0e0", "fontSize": 14
+    },
+    "gttr-divider": {
+      "type": "Line",
+      "left": 56, "top": 494, "width": 1048, "height": 0,
+      "strokeColor": "#1a2030"
+    },
+    "gttr-body": {
+      "type": "Text",
+      "parent": "gttr-bg",
+      "left": 56, "top": 504, "width": 1048,
+      "text": "If you're arriving at Xin Chengdu for the first time, you'll notice two things: the air\nsmells like machine oil and fresh rain simultaneously, and everyone walks with purpose.\nThis is a manufacturing world that hasn't forgotten it was once farmland. The Prometheus\nLabs presence is felt rather than seen — you won't find their logo on buildings, but\nyou'll notice the unusual number of people who look forty and have been alive for three\nhundred years.\n\nThe orbital is your best bet for lodging unless you have surface contacts. Chengdu Down\nis functional but not welcoming to visitors without business. If you're here for trade,\nthe orbital market handles most offworld transactions. If you're here for work, the\nSyndic hiring halls in the eastern ring are where contracts are posted...",
+      "fontColor": "#8899aa", "fontSize": 11, "wordWrap": true
+    },
+    "gttr-scroll-hint": {
+      "type": "Text",
+      "left": 1060, "top": 740,
+      "text": "scroll v",
+      "fontColor": "#333340", "fontSize": 10
+    }
+  }
+}
diff --git a/docs/design/wireframes/navigator/body-info-panel.png b/docs/design/wireframes/navigator/body-info-panel.png
new file mode 100644
index 000000000..c14d61f50
Binary files /dev/null and b/docs/design/wireframes/navigator/body-info-panel.png differ
diff --git a/docs/design/wireframes/navigator/galaxy-hop-ring.json b/docs/design/wireframes/navigator/galaxy-hop-ring.json
new file mode 100644
index 000000000..bbf6db7ba
--- /dev/null
+++ b/docs/design/wireframes/navigator/galaxy-hop-ring.json
@@ -0,0 +1,371 @@
+{
+  "name": "Galaxy Hop-Ring Map",
+  "shapes": {
+    "bg": {
+      "type": "Rectangle",
+      "left": 0, "top": 0, "width": 1140, "height": 780,
+      "fillColor": "#0d1117", "strokeColor": "#0d1117"
+    },
+    "title": {
+      "type": "Text",
+      "left": 40, "top": 24,
+      "text": "THE REACH — NAVIGATOR",
+      "fontColor": "#c8d0e0", "fontSize": 18
+    },
+    "subtitle": {
+      "type": "Text",
+      "left": 40, "top": 48,
+      "text": "Concord Assembly Gate Network — 301 Systems",
+      "fontColor": "#667788", "fontSize": 12
+    },
+
+    "ring-outer": {
+      "type": "Ellipse",
+      "left": 210, "top": 30, "width": 720, "height": 720,
+      "fillColor": "#0d1117", "strokeColor": "#1a2030"
+    },
+    "ring-9": {
+      "type": "Ellipse",
+      "left": 250, "top": 70, "width": 640, "height": 640,
+      "fillColor": "#0d1117", "strokeColor": "#141a25"
+    },
+    "ring-7": {
+      "type": "Ellipse",
+      "left": 290, "top": 110, "width": 560, "height": 560,
+      "fillColor": "#0d1117", "strokeColor": "#141a25"
+    },
+    "ring-5": {
+      "type": "Ellipse",
+      "left": 330, "top": 150, "width": 480, "height": 480,
+      "fillColor": "#0d1117", "strokeColor": "#141a25"
+    },
+    "ring-3": {
+      "type": "Ellipse",
+      "left": 370, "top": 190, "width": 400, "height": 400,
+      "fillColor": "#0d1117", "strokeColor": "#141a25"
+    },
+    "ring-1": {
+      "type": "Ellipse",
+      "left": 410, "top": 230, "width": 320, "height": 320,
+      "fillColor": "#0d1117", "strokeColor": "#1a2030"
+    },
+    "ring-core": {
+      "type": "Ellipse",
+      "left": 490, "top": 310, "width": 160, "height": 160,
+      "fillColor": "#111820", "strokeColor": "#1a2030"
+    },
+
+    "sector-n-label": {
+      "type": "Text",
+      "left": 550, "top": 45,
+      "text": "NORTH REACH",
+      "fontColor": "#4488aa", "fontSize": 10
+    },
+    "sector-s-label": {
+      "type": "Text",
+      "left": 545, "top": 740,
+      "text": "SOUTH REACH",
+      "fontColor": "#aa6644", "fontSize": 10
+    },
+    "sector-e-label": {
+      "type": "Text",
+      "left": 890, "top": 385,
+      "text": "EAST",
+      "fontColor": "#44aa66", "fontSize": 10
+    },
+    "sector-w-label": {
+      "type": "Text",
+      "left": 225, "top": 385,
+      "text": "WEST",
+      "fontColor": "#aa8844", "fontSize": 10
+    },
+    "core-label": {
+      "type": "Text",
+      "left": 548, "top": 385,
+      "text": "CORE",
+      "fontColor": "#c8d0e0", "fontSize": 11
+    },
+
+    "gateway-dot": {
+      "type": "Ellipse",
+      "left": 564, "top": 384, "width": 12, "height": 12,
+      "fillColor": "#f0d060", "strokeColor": "#f0d060"
+    },
+    "gateway-label": {
+      "type": "Text",
+      "left": 578, "top": 396,
+      "text": "Gateway (GJ-71)",
+      "fontColor": "#f0d060", "fontSize": 10
+    },
+
+    "dot-n1": {
+      "type": "Ellipse",
+      "left": 540, "top": 255, "width": 6, "height": 6,
+      "fillColor": "#4488aa", "strokeColor": "#4488aa"
+    },
+    "dot-n2": {
+      "type": "Ellipse",
+      "left": 580, "top": 195, "width": 6, "height": 6,
+      "fillColor": "#4488aa", "strokeColor": "#4488aa"
+    },
+    "dot-n3": {
+      "type": "Ellipse",
+      "left": 510, "top": 165, "width": 6, "height": 6,
+      "fillColor": "#4488aa", "strokeColor": "#4488aa"
+    },
+    "dot-n4": {
+      "type": "Ellipse",
+      "left": 600, "top": 125, "width": 6, "height": 6,
+      "fillColor": "#4488aa", "strokeColor": "#4488aa"
+    },
+    "dot-n5": {
+      "type": "Ellipse",
+      "left": 530, "top": 95, "width": 6, "height": 6,
+      "fillColor": "#336688", "strokeColor": "#336688"
+    },
+
+    "dot-s1": {
+      "type": "Ellipse",
+      "left": 550, "top": 520, "width": 6, "height": 6,
+      "fillColor": "#aa6644", "strokeColor": "#aa6644"
+    },
+    "dot-s2": {
+      "type": "Ellipse",
+      "left": 590, "top": 580, "width": 6, "height": 6,
+      "fillColor": "#aa6644", "strokeColor": "#aa6644"
+    },
+    "dot-s3": {
+      "type": "Ellipse",
+      "left": 520, "top": 610, "width": 6, "height": 6,
+      "fillColor": "#aa6644", "strokeColor": "#aa6644"
+    },
+    "dot-s4": {
+      "type": "Ellipse",
+      "left": 570, "top": 660, "width": 6, "height": 6,
+      "fillColor": "#885533", "strokeColor": "#885533"
+    },
+
+    "dot-e1": {
+      "type": "Ellipse",
+      "left": 680, "top": 370, "width": 6, "height": 6,
+      "fillColor": "#44aa66", "strokeColor": "#44aa66"
+    },
+    "dot-e2": {
+      "type": "Ellipse",
+      "left": 740, "top": 340, "width": 6, "height": 6,
+      "fillColor": "#44aa66", "strokeColor": "#44aa66"
+    },
+    "dot-e3": {
+      "type": "Ellipse",
+      "left": 800, "top": 400, "width": 6, "height": 6,
+      "fillColor": "#44aa66", "strokeColor": "#44aa66"
+    },
+    "dot-e4": {
+      "type": "Ellipse",
+      "left": 850, "top": 350, "width": 6, "height": 6,
+      "fillColor": "#338855", "strokeColor": "#338855"
+    },
+
+    "dot-w1": {
+      "type": "Ellipse",
+      "left": 450, "top": 400, "width": 6, "height": 6,
+      "fillColor": "#aa8844", "strokeColor": "#aa8844"
+    },
+    "dot-w2": {
+      "type": "Ellipse",
+      "left": 390, "top": 360, "width": 6, "height": 6,
+      "fillColor": "#aa8844", "strokeColor": "#aa8844"
+    },
+    "dot-w3": {
+      "type": "Ellipse",
+      "left": 330, "top": 410, "width": 6, "height": 6,
+      "fillColor": "#aa8844", "strokeColor": "#aa8844"
+    },
+    "dot-w4": {
+      "type": "Ellipse",
+      "left": 270, "top": 370, "width": 6, "height": 6,
+      "fillColor": "#886633", "strokeColor": "#886633"
+    },
+
+    "dot-core1": {
+      "type": "Ellipse",
+      "left": 530, "top": 340, "width": 8, "height": 8,
+      "fillColor": "#c8d0e0", "strokeColor": "#c8d0e0"
+    },
+    "dot-core2": {
+      "type": "Ellipse",
+      "left": 590, "top": 360, "width": 8, "height": 8,
+      "fillColor": "#c8d0e0", "strokeColor": "#c8d0e0"
+    },
+    "dot-core3": {
+      "type": "Ellipse",
+      "left": 555, "top": 420, "width": 8, "height": 8,
+      "fillColor": "#c8d0e0", "strokeColor": "#c8d0e0"
+    },
+
+    "selected-highlight": {
+      "type": "Ellipse",
+      "left": 735, "top": 335, "width": 16, "height": 16,
+      "fillColor": "#00000000", "strokeColor": "#c8d8f0"
+    },
+    "selected-name": {
+      "type": "Text",
+      "left": 755, "top": 332,
+      "text": "Lu Ban (GJ-15A)",
+      "fontColor": "#c8d8f0", "fontSize": 11
+    },
+    "selected-info": {
+      "type": "Text",
+      "left": 755, "top": 346,
+      "text": "East Reach · Hop 4 · Hub · Manufacturing",
+      "fontColor": "#667788", "fontSize": 10
+    },
+
+    "gate-lane-1": {
+      "type": "Line",
+      "left": 743, "top": 343, "width": 60, "height": 30,
+      "strokeColor": "#2a4060"
+    },
+    "gate-lane-2": {
+      "type": "Line",
+      "left": 743, "top": 343, "width": -60, "height": -27,
+      "strokeColor": "#2a4060"
+    },
+    "gate-note": {
+      "type": "Text",
+      "left": 755, "top": 360,
+      "text": "3 gate connections shown",
+      "fontColor": "#445566", "fontSize": 9
+    },
+
+    "legend-bg": {
+      "type": "Rectangle",
+      "left": 20, "top": 620, "width": 170, "height": 140,
+      "fillColor": "#111820", "strokeColor": "#1a2030",
+      "corners": [4, 4, 4, 4]
+    },
+    "legend-title": {
+      "type": "Text",
+      "parent": "legend-bg",
+      "left": 30, "top": 630,
+      "text": "SECTORS",
+      "fontColor": "#c8d0e0", "fontSize": 11
+    },
+    "legend-n-dot": {
+      "type": "Ellipse",
+      "parent": "legend-bg",
+      "left": 30, "top": 652, "width": 8, "height": 8,
+      "fillColor": "#4488aa", "strokeColor": "#4488aa"
+    },
+    "legend-n-text": {
+      "type": "Text",
+      "parent": "legend-bg",
+      "left": 44, "top": 650,
+      "text": "North (Commonwealth)",
+      "fontColor": "#667788", "fontSize": 10
+    },
+    "legend-s-dot": {
+      "type": "Ellipse",
+      "parent": "legend-bg",
+      "left": 30, "top": 670, "width": 8, "height": 8,
+      "fillColor": "#aa6644", "strokeColor": "#aa6644"
+    },
+    "legend-s-text": {
+      "type": "Text",
+      "parent": "legend-bg",
+      "left": 44, "top": 668,
+      "text": "South (Iberian/LatAm)",
+      "fontColor": "#667788", "fontSize": 10
+    },
+    "legend-e-dot": {
+      "type": "Ellipse",
+      "parent": "legend-bg",
+      "left": 30, "top": 688, "width": 8, "height": 8,
+      "fillColor": "#44aa66", "strokeColor": "#44aa66"
+    },
+    "legend-e-text": {
+      "type": "Text",
+      "parent": "legend-bg",
+      "left": 44, "top": 686,
+      "text": "East (East Asian)",
+      "fontColor": "#667788", "fontSize": 10
+    },
+    "legend-w-dot": {
+      "type": "Ellipse",
+      "parent": "legend-bg",
+      "left": 30, "top": 706, "width": 8, "height": 8,
+      "fillColor": "#aa8844", "strokeColor": "#aa8844"
+    },
+    "legend-w-text": {
+      "type": "Text",
+      "parent": "legend-bg",
+      "left": 44, "top": 704,
+      "text": "West (Germanic/Scand.)",
+      "fontColor": "#667788", "fontSize": 10
+    },
+    "legend-core-dot": {
+      "type": "Ellipse",
+      "parent": "legend-bg",
+      "left": 30, "top": 724, "width": 8, "height": 8,
+      "fillColor": "#c8d0e0", "strokeColor": "#c8d0e0"
+    },
+    "legend-core-text": {
+      "type": "Text",
+      "parent": "legend-bg",
+      "left": 44, "top": 722,
+      "text": "Core (Cosmopolitan)",
+      "fontColor": "#667788", "fontSize": 10
+    },
+    "legend-gateway-dot": {
+      "type": "Ellipse",
+      "parent": "legend-bg",
+      "left": 30, "top": 742, "width": 8, "height": 8,
+      "fillColor": "#f0d060", "strokeColor": "#f0d060"
+    },
+    "legend-gateway-text": {
+      "type": "Text",
+      "parent": "legend-bg",
+      "left": 44, "top": 740,
+      "text": "Gateway",
+      "fontColor": "#667788", "fontSize": 10
+    },
+
+    "interaction-note": {
+      "type": "Text",
+      "left": 20, "top": 82,
+      "text": "Click system → show gate connections + info\nRoute mode → highlight A→B hops only\nDefault → connections hidden (too messy)",
+      "fontColor": "#445566", "fontSize": 10
+    },
+
+    "hop-label-0": {
+      "type": "Text",
+      "left": 555, "top": 468,
+      "text": "0",
+      "fontColor": "#1a2030", "fontSize": 9
+    },
+    "hop-label-3": {
+      "type": "Text",
+      "left": 555, "top": 570,
+      "text": "3",
+      "fontColor": "#1a2030", "fontSize": 9
+    },
+    "hop-label-5": {
+      "type": "Text",
+      "left": 555, "top": 610,
+      "text": "5",
+      "fontColor": "#1a2030", "fontSize": 9
+    },
+    "hop-label-7": {
+      "type": "Text",
+      "left": 555, "top": 650,
+      "text": "7",
+      "fontColor": "#1a2030", "fontSize": 9
+    },
+    "hop-label-9": {
+      "type": "Text",
+      "left": 555, "top": 690,
+      "text": "9+",
+      "fontColor": "#1a2030", "fontSize": 9
+    }
+  }
+}
diff --git a/docs/design/wireframes/navigator/galaxy-hop-ring.png b/docs/design/wireframes/navigator/galaxy-hop-ring.png
new file mode 100644
index 000000000..7eddd909b
Binary files /dev/null and b/docs/design/wireframes/navigator/galaxy-hop-ring.png differ
diff --git a/docs/design/wireframes/navigator/system-orbital.json b/docs/design/wireframes/navigator/system-orbital.json
new file mode 100644
index 000000000..34a407ad5
--- /dev/null
+++ b/docs/design/wireframes/navigator/system-orbital.json
@@ -0,0 +1,341 @@
+{
+  "name": "System Orbital Schematic",
+  "shapes": {
+    "bg": {
+      "type": "Rectangle",
+      "left": 0, "top": 0, "width": 1140, "height": 780,
+      "fillColor": "#0d1117", "strokeColor": "#0d1117"
+    },
+
+    "back-btn": {
+      "type": "Rectangle",
+      "left": 20, "top": 20, "width": 100, "height": 32,
+      "fillColor": "#1a2030", "strokeColor": "#333340",
+      "corners": [4, 4, 4, 4]
+    },
+    "back-label": {
+      "type": "Text",
+      "parent": "back-btn",
+      "left": 32, "top": 26,
+      "text": "< REACH MAP",
+      "fontColor": "#c8d0e0", "fontSize": 11
+    },
+
+    "system-name": {
+      "type": "Text",
+      "left": 140, "top": 20,
+      "text": "LU BAN (GJ-15A)",
+      "fontColor": "#c8d0e0", "fontSize": 18
+    },
+    "system-meta": {
+      "type": "Text",
+      "left": 140, "top": 44,
+      "text": "East Reach · Hop 4 · Hub · Manufacturing · Pop. 2.4M",
+      "fontColor": "#667788", "fontSize": 12
+    },
+
+    "orbit-4": {
+      "type": "Ellipse",
+      "left": 30, "top": 100, "width": 580, "height": 580,
+      "fillColor": "#00000000", "strokeColor": "#111820"
+    },
+    "orbit-3": {
+      "type": "Ellipse",
+      "left": 100, "top": 170, "width": 440, "height": 440,
+      "fillColor": "#00000000", "strokeColor": "#111820"
+    },
+    "orbit-2": {
+      "type": "Ellipse",
+      "left": 160, "top": 230, "width": 320, "height": 320,
+      "fillColor": "#00000000", "strokeColor": "#141a25"
+    },
+    "orbit-1": {
+      "type": "Ellipse",
+      "left": 220, "top": 290, "width": 200, "height": 200,
+      "fillColor": "#00000000", "strokeColor": "#141a25"
+    },
+
+    "star": {
+      "type": "Ellipse",
+      "left": 290, "top": 362, "width": 56, "height": 56,
+      "fillColor": "#f0c040", "strokeColor": "#f0d060"
+    },
+    "star-label": {
+      "type": "Text",
+      "left": 275, "top": 424,
+      "text": "GJ-15A (M1V)",
+      "fontColor": "#f0c040", "fontSize": 10
+    },
+
+    "planet-b": {
+      "type": "Ellipse",
+      "left": 410, "top": 350, "width": 14, "height": 14,
+      "fillColor": "#886644", "strokeColor": "#886644"
+    },
+    "planet-b-label": {
+      "type": "Text",
+      "left": 428, "top": 348,
+      "text": "GJ-15Ab",
+      "fontColor": "#886644", "fontSize": 10
+    },
+    "planet-b-type": {
+      "type": "Text",
+      "left": 428, "top": 361,
+      "text": "Rocky · Uninhabited",
+      "fontColor": "#445566", "fontSize": 9
+    },
+
+    "planet-c": {
+      "type": "Ellipse",
+      "left": 350, "top": 236, "width": 20, "height": 20,
+      "fillColor": "#4488aa", "strokeColor": "#66aacc"
+    },
+    "planet-c-inhabited": {
+      "type": "Ellipse",
+      "left": 366, "top": 232, "width": 6, "height": 6,
+      "fillColor": "#44ff88", "strokeColor": "#44ff88"
+    },
+    "planet-c-label": {
+      "type": "Text",
+      "left": 376, "top": 230,
+      "text": "GJ-15Ac · Xin Chengdu",
+      "fontColor": "#4488aa", "fontSize": 11
+    },
+    "planet-c-type": {
+      "type": "Text",
+      "left": 376, "top": 244,
+      "text": "Temperate · Inhabited · Pop. 1.8M",
+      "fontColor": "#667788", "fontSize": 10
+    },
+
+    "planet-c-moon1": {
+      "type": "Ellipse",
+      "left": 340, "top": 216, "width": 8, "height": 8,
+      "fillColor": "#667788", "strokeColor": "#667788"
+    },
+    "planet-c-moon1-label": {
+      "type": "Text",
+      "left": 350, "top": 208,
+      "text": "GJ-15Ac-1",
+      "fontColor": "#445566", "fontSize": 9
+    },
+
+    "station-orbital": {
+      "type": "Rectangle",
+      "left": 378, "top": 260, "width": 10, "height": 10,
+      "fillColor": "#c8d0e0", "strokeColor": "#c8d8f0",
+      "corners": [2, 2, 2, 2]
+    },
+    "station-orbital-label": {
+      "type": "Text",
+      "left": 392, "top": 258,
+      "text": "GJ-15Ac-S1 · Chengdu Orbital",
+      "fontColor": "#c8d0e0", "fontSize": 10
+    },
+    "station-orbital-type": {
+      "type": "Text",
+      "left": 392, "top": 270,
+      "text": "Commercial Hub · Pop. 420K",
+      "fontColor": "#667788", "fontSize": 9
+    },
+
+    "planet-d": {
+      "type": "Ellipse",
+      "left": 200, "top": 500, "width": 16, "height": 16,
+      "fillColor": "#667788", "strokeColor": "#667788"
+    },
+    "planet-d-label": {
+      "type": "Text",
+      "left": 220, "top": 498,
+      "text": "GJ-15Ad",
+      "fontColor": "#667788", "fontSize": 10
+    },
+    "planet-d-type": {
+      "type": "Text",
+      "left": 220, "top": 511,
+      "text": "Ice Giant · Uninhabited",
+      "fontColor": "#445566", "fontSize": 9
+    },
+
+    "gas-giant": {
+      "type": "Ellipse",
+      "left": 80, "top": 200, "width": 36, "height": 36,
+      "fillColor": "#aa7744", "strokeColor": "#cc9966"
+    },
+    "gas-giant-label": {
+      "type": "Text",
+      "left": 120, "top": 200,
+      "text": "GJ-15Ae",
+      "fontColor": "#aa7744", "fontSize": 10
+    },
+    "gas-giant-type": {
+      "type": "Text",
+      "left": 120, "top": 213,
+      "text": "Gas Giant · 3 major moons",
+      "fontColor": "#445566", "fontSize": 9
+    },
+    "gas-moon-1": {
+      "type": "Ellipse",
+      "left": 112, "top": 194, "width": 7, "height": 7,
+      "fillColor": "#667788", "strokeColor": "#667788"
+    },
+    "gas-moon-2": {
+      "type": "Ellipse",
+      "left": 72, "top": 238, "width": 7, "height": 7,
+      "fillColor": "#667788", "strokeColor": "#667788"
+    },
+    "gas-moon-3": {
+      "type": "Ellipse",
+      "left": 60, "top": 210, "width": 7, "height": 7,
+      "fillColor": "#667788", "strokeColor": "#667788"
+    },
+
+    "oort-divider": {
+      "type": "Line",
+      "left": 660, "top": 80, "width": 0, "height": 620,
+      "strokeColor": "#1a2030"
+    },
+    "oort-label": {
+      "type": "Text",
+      "left": 680, "top": 90,
+      "text": "OORT CLOUD",
+      "fontColor": "#333340", "fontSize": 11
+    },
+
+    "horizon-station": {
+      "type": "Rectangle",
+      "left": 720, "top": 340, "width": 14, "height": 14,
+      "fillColor": "#c8d0e0", "strokeColor": "#c8d8f0",
+      "corners": [2, 2, 2, 2]
+    },
+    "horizon-inhabited": {
+      "type": "Ellipse",
+      "left": 736, "top": 336, "width": 6, "height": 6,
+      "fillColor": "#44ff88", "strokeColor": "#44ff88"
+    },
+    "horizon-label": {
+      "type": "Text",
+      "left": 746, "top": 336,
+      "text": "GJ-15A-S1 · Horizon Station",
+      "fontColor": "#c8d0e0", "fontSize": 11
+    },
+    "horizon-type": {
+      "type": "Text",
+      "left": 746, "top": 350,
+      "text": "Gate Infrastructure · Commission Staffed",
+      "fontColor": "#667788", "fontSize": 10
+    },
+
+    "gate-lines-title": {
+      "type": "Text",
+      "left": 720, "top": 400,
+      "text": "Gate connections:",
+      "fontColor": "#667788", "fontSize": 10
+    },
+    "gate-conn-1": {
+      "type": "Text",
+      "left": 720, "top": 416,
+      "text": "> GJ-273 (Luyten's Star) — 1 hop",
+      "fontColor": "#2a5080", "fontSize": 10
+    },
+    "gate-conn-2": {
+      "type": "Text",
+      "left": 720, "top": 432,
+      "text": "> GJ-412A (Lalande) — 1 hop",
+      "fontColor": "#2a5080", "fontSize": 10
+    },
+    "gate-conn-3": {
+      "type": "Text",
+      "left": 720, "top": 448,
+      "text": "> GJ-380 — 1 hop",
+      "fontColor": "#2a5080", "fontSize": 10
+    },
+
+    "legend-bg": {
+      "type": "Rectangle",
+      "left": 720, "top": 620, "width": 180, "height": 120,
+      "fillColor": "#111820", "strokeColor": "#1a2030",
+      "corners": [4, 4, 4, 4]
+    },
+    "legend-title": {
+      "type": "Text",
+      "parent": "legend-bg",
+      "left": 732, "top": 630,
+      "text": "BODY TYPES",
+      "fontColor": "#c8d0e0", "fontSize": 10
+    },
+    "legend-inhabited-dot": {
+      "type": "Ellipse",
+      "parent": "legend-bg",
+      "left": 732, "top": 652, "width": 6, "height": 6,
+      "fillColor": "#44ff88", "strokeColor": "#44ff88"
+    },
+    "legend-inhabited-text": {
+      "type": "Text",
+      "parent": "legend-bg",
+      "left": 744, "top": 650,
+      "text": "Inhabited",
+      "fontColor": "#667788", "fontSize": 10
+    },
+    "legend-station-icon": {
+      "type": "Rectangle",
+      "parent": "legend-bg",
+      "left": 732, "top": 670, "width": 7, "height": 7,
+      "fillColor": "#c8d0e0", "strokeColor": "#c8d8f0",
+      "corners": [1, 1, 1, 1]
+    },
+    "legend-station-text": {
+      "type": "Text",
+      "parent": "legend-bg",
+      "left": 744, "top": 668,
+      "text": "Station",
+      "fontColor": "#667788", "fontSize": 10
+    },
+    "legend-planet-icon": {
+      "type": "Ellipse",
+      "parent": "legend-bg",
+      "left": 732, "top": 688, "width": 7, "height": 7,
+      "fillColor": "#4488aa", "strokeColor": "#4488aa"
+    },
+    "legend-planet-text": {
+      "type": "Text",
+      "parent": "legend-bg",
+      "left": 744, "top": 686,
+      "text": "Planet / Moon",
+      "fontColor": "#667788", "fontSize": 10
+    },
+    "legend-gas-icon": {
+      "type": "Ellipse",
+      "parent": "legend-bg",
+      "left": 732, "top": 706, "width": 7, "height": 7,
+      "fillColor": "#aa7744", "strokeColor": "#aa7744"
+    },
+    "legend-gas-text": {
+      "type": "Text",
+      "parent": "legend-bg",
+      "left": 744, "top": 704,
+      "text": "Gas Giant",
+      "fontColor": "#667788", "fontSize": 10
+    },
+    "legend-core-icon": {
+      "type": "Ellipse",
+      "parent": "legend-bg",
+      "left": 732, "top": 724, "width": 7, "height": 7,
+      "fillColor": "#f0c040", "strokeColor": "#f0c040"
+    },
+    "legend-core-text": {
+      "type": "Text",
+      "parent": "legend-bg",
+      "left": 744, "top": 722,
+      "text": "Star",
+      "fontColor": "#667788", "fontSize": 10
+    },
+
+    "click-hint": {
+      "type": "Text",
+      "left": 20, "top": 740,
+      "text": "Click any body or station to view details + GTTR entry",
+      "fontColor": "#445566", "fontSize": 10
+    }
+  }
+}
diff --git a/docs/design/wireframes/navigator/system-orbital.png b/docs/design/wireframes/navigator/system-orbital.png
new file mode 100644
index 000000000..c1f5c252f
Binary files /dev/null and b/docs/design/wireframes/navigator/system-orbital.png differ