diff --git a/frontend/index.html b/frontend/index.html
index 07de5e2..4d2c72b 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Discord Moderation Dashboard</title>
+    <title>GMW — Discord Moderation Watcher</title>
+    <link rel="icon" type="image/svg+xml" href="/logo.svg" />
   </head>
   <body>
     <div id="root"></div>
diff --git a/frontend/public/logo.svg b/frontend/public/logo.svg
new file mode 100644
index 0000000..a77060f
--- /dev/null
+++ b/frontend/public/logo.svg
@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#1a1a2e"/>
+      <stop offset="100%" stop-color="#16213e"/>
+    </linearGradient>
+    <linearGradient id="shield" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0ea5e9"/>
+      <stop offset="100%" stop-color="#06b6d4"/>
+    </linearGradient>
+    <linearGradient id="eye" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#22d3ee"/>
+      <stop offset="100%" stop-color="#67e8f9"/>
+    </linearGradient>
+    <filter id="glow">
+      <feGaussianBlur stdDeviation="2" result="blur"/>
+      <feMerge>
+        <feMergeNode in="blur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  <!-- Background -->
+  <rect width="128" height="128" rx="24" fill="url(#bg)"/>
+  <!-- Shield shape -->
+  <path d="M64 18 L102 32 L102 64 C102 88 84 106 64 114 C44 106 26 88 26 64 L26 32 Z"
+        fill="url(#shield)" opacity="0.9"/>
+  <!-- Shield inner border -->
+  <path d="M64 24 L96 36 L96 63 C96 84 80 100 64 108 C48 100 32 84 32 63 L32 36 Z"
+        fill="none" stroke="#38bdf8" stroke-width="1.5" opacity="0.6"/>
+  <!-- Eye outer -->
+  <ellipse cx="64" cy="60" rx="22" ry="14" fill="none" stroke="#0f172a" stroke-width="2.5" opacity="0.8"/>
+  <!-- Eye inner -->
+  <ellipse cx="64" cy="60" rx="20" ry="12" fill="#0f172a" opacity="0.7"/>
+  <!-- Pupil -->
+  <circle cx="64" cy="60" r="7" fill="url(#eye)" filter="url(#glow)"/>
+  <!-- Pupil inner dot -->
+  <circle cx="64" cy="60" r="3" fill="#ffffff" opacity="0.9"/>
+  <!-- Eyebrow / scan line -->
+  <line x1="42" y1="60" x2="86" y2="60" stroke="#0ea5e9" stroke-width="0.5" opacity="0.4"/>
+  <!-- GMW text -->
+  <text x="64" y="92" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif"
+        font-weight="900" font-size="16" fill="#ffffff" letter-spacing="3" opacity="0.95">GMW</text>
+</svg>
diff --git a/frontend/src/components/layout/Header.tsx b/frontend/src/components/layout/Header.tsx
index 39ce5ab..6647f11 100644
--- a/frontend/src/components/layout/Header.tsx
+++ b/frontend/src/components/layout/Header.tsx
@@ -1,4 +1,4 @@
-import { Wifi, WifiOff, Shield } from "lucide-react";
+import { Wifi, WifiOff } from "lucide-react";
 import type { WebSocketStatus } from "../../hooks/useDashboardSocket";
 import type { DashboardTab } from "../../types/ui";
 import type { VoiceStatus } from "../../types/voice";
@@ -27,11 +27,13 @@ export function Header({ activeTab, wsStatus, voiceStatus }: HeaderProps) {
     <header className="sticky top-0 z-10 border-b border-border bg-background/80 px-4 py-4 backdrop-blur md:px-8">
       <div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
         <div className="flex items-center gap-3">
-          <div className="flex h-9 w-9 items-center justify-center rounded-xl bg-primary/15 text-primary">
-            <Shield className="h-5 w-5" />
-          </div>
+          <img src="/logo.svg" alt="GMW" className="h-9 w-9 rounded-xl" />
           <div>
-            <h1 className="text-xl font-bold tracking-tight">{titles[activeTab]}</h1>
+            <h1 className="text-xl font-bold tracking-tight">
+              <span className="text-primary">GMW</span>
+              <span className="mx-2 text-muted-foreground">·</span>
+              {titles[activeTab]}
+            </h1>
             <p className="text-sm text-muted-foreground">{subtitles[activeTab]}</p>
           </div>
         </div>
diff --git a/frontend/src/components/layout/Sidebar.tsx b/frontend/src/components/layout/Sidebar.tsx
index 9f2d406..1cf1d84 100644
--- a/frontend/src/components/layout/Sidebar.tsx
+++ b/frontend/src/components/layout/Sidebar.tsx
@@ -1,4 +1,4 @@
-import { Bot, BarChart3, MessageSquare, Radio } from "lucide-react";
+import { BarChart3, MessageSquare, Radio } from "lucide-react";
 import type { DashboardTab } from "../../types/ui";
 import { cn } from "../../lib/utils";
 import { Button } from "../ui/button";
@@ -18,12 +18,13 @@ export function Sidebar({ activeTab, onTabChange }: SidebarProps) {
   return (
     <aside className="hidden w-72 shrink-0 border-r border-border bg-card/60 p-5 backdrop-blur md:block">
       <div className="mb-8 flex items-center gap-3">
-        <div className="flex h-11 w-11 items-center justify-center rounded-2xl bg-primary/15 text-primary">
-          <Bot className="h-6 w-6" />
-        </div>
+        <img src="/logo.svg" alt="GMW" className="h-11 w-11 rounded-2xl" />
         <div>
-          <div className="font-semibold tracking-tight">Bete Watcher</div>
-          <div className="text-xs text-muted-foreground">Discord control center</div>
+          <div className="flex items-baseline gap-2">
+            <span className="font-bold tracking-tight text-primary text-lg">GMW</span>
+            <span className="text-[10px] text-muted-foreground font-medium uppercase tracking-wider">v1.0</span>
+          </div>
+          <div className="text-xs text-muted-foreground">Discord Moderation Watcher</div>
         </div>
       </div>
       <nav className="space-y-2">
