diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..67a42a3
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/brand/logo-lockup-dark.svg b/public/brand/logo-lockup-dark.svg
new file mode 100644
index 0000000..e97d0a1
--- /dev/null
+++ b/public/brand/logo-lockup-dark.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="360" height="88" viewBox="0 0 360 88" role="img" aria-label="CouchMode">
+  <defs>
+    <linearGradient id="cmMark" x1="14" y1="14" x2="74" y2="74" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#9B6BFF"></stop><stop offset="1" stop-color="#4F7DF7"></stop>
+    </linearGradient>
+    <linearGradient id="cmText" x1="232" y1="30" x2="350" y2="62" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#B79BFF"></stop><stop offset="1" stop-color="#7AA0FF"></stop>
+    </linearGradient>
+  </defs>
+  <rect x="8" y="14" width="60" height="60" rx="15" fill="url(#cmMark)"></rect>
+  <g transform="translate(8,14) scale(0.9375)">
+    <path d="M42.7 23 A14 14 0 1 0 42.7 41" fill="none" stroke="#FFFFFF" stroke-width="8" stroke-linecap="round"></path>
+    <circle cx="32" cy="32" r="6" fill="#FFFFFF"></circle>
+  </g>
+  <text x="88" y="57" font-family="&#39;Space Grotesk&#39;, &#39;Segoe UI&#39;, Arial, sans-serif" font-size="40" font-weight="600" letter-spacing="-1">
+    <tspan fill="#FFFFFF">Couch</tspan><tspan fill="url(#cmText)">Mode</tspan>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/public/favicon-16.png b/public/favicon-16.png
new file mode 100644
index 0000000..ffc4fdc
Binary files /dev/null and b/public/favicon-16.png differ
diff --git a/public/favicon-32.png b/public/favicon-32.png
new file mode 100644
index 0000000..b305c06
Binary files /dev/null and b/public/favicon-32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index f9c07b2..5cbe844 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..8931398
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" role="img" aria-label="CouchMode">
+  <defs>
+    <linearGradient id="cmGrad" x1="5" y1="5" x2="59" y2="59" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#9B6BFF"></stop><stop offset="1" stop-color="#4F7DF7"></stop>
+    </linearGradient>
+  </defs>
+  <rect x="2" y="2" width="60" height="60" rx="14" fill="url(#cmGrad)"></rect>
+  <path d="M42.7 23 A14 14 0 1 0 42.7 41" fill="none" stroke="#FFFFFF" stroke-width="8" stroke-linecap="round"></path>
+  <circle cx="32" cy="32" r="6" fill="#FFFFFF"></circle>
+</svg>
\ No newline at end of file
diff --git a/public/icon-192.png b/public/icon-192.png
deleted file mode 100644
index 93ae0a2..0000000
Binary files a/public/icon-192.png and /dev/null differ
diff --git a/public/icon-512.png b/public/icon-512.png
deleted file mode 100644
index adf6bd9..0000000
Binary files a/public/icon-512.png and /dev/null differ
diff --git a/public/og-image.jpg b/public/og-image.jpg
index f801adc..40d422e 100644
Binary files a/public/og-image.jpg and b/public/og-image.jpg differ
diff --git a/public/site.webmanifest b/public/site.webmanifest
index a29d715..49578fe 100644
--- a/public/site.webmanifest
+++ b/public/site.webmanifest
@@ -3,19 +3,13 @@
   "short_name": "CouchMode",
   "description": "Turn your Windows PC into a couch gaming setup with controller-triggered free mode and Pro automation.",
   "start_url": "/",
-  "display": "standalone",
-  "background_color": "#0f1220",
-  "theme_color": "#0f1220",
   "icons": [
-    {
-      "src": "/icon-192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "/icon-512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ]
+    { "src": "favicon-16.png", "sizes": "16x16", "type": "image/png" },
+    { "src": "favicon-32.png", "sizes": "32x32", "type": "image/png" },
+    { "src": "apple-touch-icon.png", "sizes": "180x180", "type": "image/png" },
+    { "src": "favicon.svg", "type": "image/svg+xml", "sizes": "any" }
+  ],
+  "theme_color": "#0C0E16",
+  "background_color": "#0C0E16",
+  "display": "standalone"
 }
diff --git a/src/components/landing/Footer.tsx b/src/components/landing/Footer.tsx
index 8644b98..ef3f586 100644
--- a/src/components/landing/Footer.tsx
+++ b/src/components/landing/Footer.tsx
@@ -3,13 +3,14 @@ export function Footer() {
     <footer className="relative border-t border-border py-12 mt-12">
       <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
         <div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-6">
-          <div className="flex items-center gap-2">
-            <span className="grid place-items-center h-7 w-7 rounded-lg bg-aurora">
-              <span className="h-2.5 w-2.5 rounded-sm bg-background" />
-            </span>
-            <span className="font-display font-semibold tracking-tight">
-              CouchMode
-            </span>
+          <div className="flex items-center">
+            <img
+              src="/brand/logo-lockup-dark.svg"
+              alt="CouchMode"
+              width={115}
+              height={28}
+              className="h-7 w-auto"
+            />
           </div>
 
           <nav className="flex flex-wrap gap-x-6 gap-y-2 text-sm text-muted-foreground">
diff --git a/src/components/landing/Navbar.tsx b/src/components/landing/Navbar.tsx
index 1c4dcf7..40eda0d 100644
--- a/src/components/landing/Navbar.tsx
+++ b/src/components/landing/Navbar.tsx
@@ -24,13 +24,14 @@ export function Navbar() {
     >
       <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
         <div className="flex items-center justify-between py-2">
-          <a href="#" className="flex items-center gap-2 group">
-            <span className="grid place-items-center h-8 w-8 rounded-lg bg-aurora glow-violet">
-              <span className="h-3 w-3 rounded-sm bg-background" />
-            </span>
-            <span className="font-display font-semibold text-lg tracking-tight">
-              CouchMode
-            </span>
+          <a href="#" className="flex items-center group" aria-label="CouchMode home">
+            <img
+              src="/brand/logo-lockup-dark.svg"
+              alt="CouchMode"
+              width={131}
+              height={32}
+              className="h-8 w-auto"
+            />
           </a>
 
           <nav className="hidden md:flex items-center gap-8">
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index 94755b7..f5798b4 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -80,6 +80,11 @@ export const Route = createRootRouteWithContext<{ queryClient: QueryClient }>()(
         rel: "stylesheet",
         href: appCss,
       },
+      { rel: "icon", href: "/favicon.svg", type: "image/svg+xml" },
+      { rel: "icon", href: "/favicon-32.png", sizes: "32x32", type: "image/png" },
+      { rel: "icon", href: "/favicon-16.png", sizes: "16x16", type: "image/png" },
+      { rel: "apple-touch-icon", href: "/apple-touch-icon.png", sizes: "180x180" },
+      { rel: "manifest", href: "/site.webmanifest" },
       { rel: "preconnect", href: "https://fonts.googleapis.com" },
       { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous" },
       {
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index cb8f05c..8f8c296 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -72,7 +72,7 @@ export const Route = createFileRoute("/")({
           "@type": "Brand",
           name: "CouchMode",
           url: "https://couchmode.app/",
-          logo: "https://couchmode.app/icon-512.png",
+          logo: "https://couchmode.app/apple-touch-icon.png",
         },
       },
     ],