Skip to content

Commit 7c304e7

Browse files
feat(ui): update to Professional Aerospace v2.1 interface, fix top bar layout, refresh assets
1 parent fdb5d92 commit 7c304e7

19 files changed

Lines changed: 1656 additions & 1147 deletions

DESIGN_SYSTEM.md

Lines changed: 30 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,24 @@ OrbitView uses a modern design token system defined in `design-tokens.css` and e
1616
--color-warning: #eab308; /* yellow-500 */
1717
--color-danger: #ef4444; /* red-500 */
1818
--color-info: #a855f7; /* purple-500 */
19+
### Sci-Fi Aesthetic (New)
20+
21+
OrbitView 2.0 introduces a "SpaceX-inspired" technical aesthetic:
22+
23+
```css
24+
/* Neon Glows */
25+
--shadow-glow-cyan: 0 0 20px rgba(6, 182, 212, 0.3);
26+
--shadow-glow-gold: 0 0 20px rgba(245, 158, 11, 0.3);
27+
28+
/* Technical Grids */
29+
--mask-hex: url("data:image/svg+xml..."); /* Subtle hex pattern */
30+
31+
/* Animations */
32+
.animate-scan-line /* Vertical scanning light */
33+
.animate-live-pulse /* Pulsing status indicator */
1934
```
2035

21-
###Glass morphism System
36+
### Glass morphism System
2237

2338
**Core Principle**: Deep backdrop blur with subtle saturation and inner highlights.
2439

@@ -63,6 +78,20 @@ For notched devices (iPhone X+, modern Android):
6378
</div>
6479
```
6580

81+
### Z-Index Hierarchy
82+
83+
Strict z-index scale to manage stacking contexts:
84+
85+
```css
86+
--z-map: 0; /* Base layer (Cesium) */
87+
--z-ui-base: 10; /* Sidebar, Panels */
88+
--z-nav: 30; /* Mobile Navigation */
89+
--z-sheet: 40; /* Bottom Sheets */
90+
--z-modal: 50; /* Full Screen Modals */
91+
--z-toast: 60; /* Notifications */
92+
--z-max: 9999; /* Critical Overlays */
93+
```
94+
6695
---
6796

6897
## 📱 Mobile Utilities

README.md

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -17,18 +17,22 @@
1717
---
1818

1919
<div align="center">
20-
<p><b>Scientific Satellite Tracker & Orbital Analysis</b></p>
21-
<img src="public/orbitview.png" alt="OrbitView Demo" width="900">
20+
<p><b>Professional Aerospace Interface v2.1</b></p>
21+
<img src="public/assets/desktop-ui.png" alt="OrbitView Professional UI" width="900">
22+
<br><br>
23+
<p><b>Mobile Tactical View</b></p>
24+
<img src="public/assets/mobile-ui.png" alt="OrbitView Mobile UI" width="375">
25+
<p><i>High-fidelity "Deep Matte" aesthetic with precision telemetry tools</i></p>
2226
</div>
2327

2428
---
2529

2630
## ✨ Features
2731

28-
### 🎨 v2.0 UI Revolution
29-
- 🖥️ **Cinematic HUD & Glassmorphism UI** - Sci-Fi inspired interface with backdrop blur, neon accents, and scan-line effects
30-
- ⏱️ **Time Scrubber & Replay System** - YouTube-style draggable timeline with Zustand-powered state
31-
- 🎥 **Satellite Cockpit View (POV)** - Velocity-vector locked camera with Quaternion orientation
32+
### 🎨 v2.1 "Professional Aerospace" UI
33+
- 🖥️ **HUD & Instrument-Grade Interface** - High-contrast, solid "Deep Matte" panels designed for data legibility. Removed game-like neon glare for a true mission control feel.
34+
- ⏱️ **Precision Time Control** - Draggable timeline with haptic feedback and exact UTC synchronization.
35+
- 🎥 **Satellite Cockpit View (POV)** - Velocity-vector locked camera with Quaternion orientation.
3236

3337
### ⚡ v2.0 Performance
3438
- 🧮 **Spatial Hashing Collision Engine** - O(N) link calculation with 1000km³ grid cells

0 commit comments

Comments
 (0)