# Nexus Visual Direction v2

**Reference:** [`assets/nexus-desktop-reference.png`](../assets/nexus-desktop-reference.png)  
**Status:** Implementeret i WPF Shell (POC 1.1)  
**Princip:** Desktop-first — ikke endnu et dashboard

---

## Vision

Ninja Nexus skal føles som **"Jeg er i Ninja Nexus"** — et premium, futuristisk arbejdsmiljø ovenpå Windows. Det er **ikke** Windows med et tema, og **ikke** endnu et admin-dashboard.

Hvis Microsoft designede Windows fra bunden i 2030 med enterprise-fokus, skulle resultatet ligne dette.

---

## Stil

| Gør | Gør ikke |
|-----|----------|
| Premium enterprise | Gamer RGB |
| Futuristisk, 3D-inspireret | Flad Win11-kopi |
| Glassmorphism + soft glow | Material Design cards |
| Levende baggrund (horizon glow) | Statisk gradient uden dybde |
| Flydende dock | Windows taskbar |

---

## Farvepalette v2

| Token | Hex | Brug |
|-------|-----|------|
| Primary Purple | `#8A4FFF` | Logo gradient, accenter |
| Primary Blue | `#2D9CFF` | Glow, ikoner, horizon |
| Deep Navy | `#081225` | Desktop baggrund top/bund |
| Dark Surface | `#0F172A` | Paneler, midtone |
| Accent Cyan | `#00D4FF` | Highlights, status, links |
| Success Green | `#22C55E` | Online, optimal status |

v1 (Ninja Red) beholdes i dokumentation for historik — se [DESIGN_TOKENS.md](./DESIGN_TOKENS.md).

---

## Layout (fra reference mockup)

```
┌─────────────────────────────────────────────────────────────┐
│ TOP STATUS BAR — NINJA NEXUS OS | status | metrics | actions│
├──────┬──────────────────────────────────────────┬───────────┤
│ icons│                                          │ widgets   │
│      │         CENTER: N logo + tagline         │ system    │
│ LEFT │         + pill search (Alt+K)            │ quick     │
│ panel│                                          │ notif     │
│      │                                          │ calendar  │
├──────┴──────────────────────────────────────────┴───────────┤
│              FLOATING BOTTOM DOCK (glass pill)               │
└─────────────────────────────────────────────────────────────┘
```

### Top Status Bar
- Logo/brand venstre: **NINJA NEXUS OS**
- Center: SYSTEM STATUS + Netværk + Ydelse + Lagerplads (glass pills)
- Højre: Notifikationer (badge), sikkerhed, indstillinger

### Desktop center
- Stort gradient **N** logo (float animation)
- **NINJA NEXUS** + **ÉT SYSTEM. ALT FORBUNDET.**
- Pill search bar → åbner Nexus Launcher

### Left panel (Launcher)
- Fastgjort apps (grid)
- Seneste filer
- Bruger footer: navn, rolle, lock/logout/settings

### Right panel (Widgets — sekundært)
- Systemstatus ring (100% Sundhed)
- Hurtig adgang
- Notifikationer
- Kalender

### Bottom Dock
- Flydende glass pill — **ikke** taskbar
- Venstre: bruger-pill med online-indikator
- Center: dock-ikoner med hover zoom/glow
- Højre: netværk, lyd, batteri, tid/dato

### Desktop icons (top-left)
Denne pc, Dokumenter, Ninja Apps, Papirkurv

---

## Nexus Launcher (overlay)

Raycast / Spotlight / Command Palette stil:
- Fuldskærms mørk overlay
- Stort glass panel
- Søgning, Apps, Dokumenter, Seneste, Forslag, AI-kommandoer (placeholder)
- Triggers: **Win**, **Ctrl+Space**, **Alt+K**, center search

---

## Animationer

| Animation | Varighed | Brug |
|-----------|----------|------|
| Hover glow | 180ms | Knapper, dock icons |
| Fade in | 280ms | Launcher open |
| Dock zoom | 180ms | Hover scale 1.12 |
| Horizon pulse | 4s loop | Baggrund glow |
| Logo float | 3s loop | Center N logo |

Defineret i `source/nexus-shell/NexusShell/Themes/NexusAnimations.xaml`.

---

## WPF implementering

| Komponent | Fil |
|-----------|-----|
| Design tokens | `Themes/NexusDesignTokens.xaml` |
| Animationer | `Themes/NexusAnimations.xaml` |
| Top bar | `Controls/NexusTopStatusBar.xaml` |
| Bottom dock | `Controls/NexusBottomDock.xaml` |
| Desktop | `Views/NexusDesktopView.xaml` |
| Launcher | `Views/LauncherOverlay.xaml` |
| Login | `Views/LoginView.xaml` |
| ViewModel | `ViewModels/DesktopViewModel.cs` |
| System status | `Services/SystemStatusService.cs` |

---

## Kendte POC-begrænsninger

- Ikoner er emoji/placeholder — ikke custom SVG asset pack endnu
- Ingen ægte blur backdrop (WPF DropShadow simulerer glass)
- Batteri mockes; netværk delvist real (NetworkInterface)
- AI-kommandoer og dokumenter er UI placeholders
- DashboardView beholdes i repo men bruges ikke — desktop er primær

---

*Aligneret med reference mockup — 2026-06-04*
