diff --git a/apps/desktop/package.json b/apps/desktop/package.json
index 7961e131bc690c66d19aa9f8b5a88b58391b36ed..65a23524587ac523734734ec9214e235c534d433 100644
--- a/apps/desktop/package.json
+++ b/apps/desktop/package.json
@@ -2,7 +2,7 @@
   "name": "@t3tools/desktop",
   "version": "0.0.0",
   "private": true,
-  "productName": "T3 Code",
+  "productName": "T3 Code (Alpha)",
   "main": "dist-electron/main.js",
   "scripts": {
     "dev": "bun run --parallel dev:bundle dev:electron",
diff --git a/apps/desktop/resources/icon.icns b/apps/desktop/resources/icon.icns
index c5df56f543a31f3699cca19fa76eb955e3cfb38a..da16d12a0c7cb97f6a77c382f1a07c52a9457b16 100644
Binary files a/apps/desktop/resources/icon.icns and b/apps/desktop/resources/icon.icns differ
diff --git a/apps/desktop/resources/icon.ico b/apps/desktop/resources/icon.ico
index 46f36165b6dd995f2544eff838f7530489dee55b..8298f70d8b3690d1103d712c37d13a1d17fcec8d 100644
Binary files a/apps/desktop/resources/icon.ico and b/apps/desktop/resources/icon.ico differ
diff --git a/apps/desktop/resources/icon.png b/apps/desktop/resources/icon.png
index 3302b3afe4aa8296cf468ebd710c0afa5e71f7a9..37f3f756a553db1520e7bde5f928bc7a68cd1bdf 100644
Binary files a/apps/desktop/resources/icon.png and b/apps/desktop/resources/icon.png differ
diff --git a/apps/desktop/scripts/electron-launcher.mjs b/apps/desktop/scripts/electron-launcher.mjs
index 0af803ad496b8a3ca00f59454ca607b66e5bde7c..2a6d685dea2032cc4de322aa03ba9bb46fa5110a 100644
--- a/apps/desktop/scripts/electron-launcher.mjs
+++ b/apps/desktop/scripts/electron-launcher.mjs
@@ -1,4 +1,4 @@
-// This file mostly exists because we want dev mode to say "T3 Code" instead of "electron"
+// This file mostly exists because we want dev mode to say "T3 Code (Dev)" instead of "electron"
 
 import { spawnSync } from "node:child_process";
 import {
@@ -16,7 +16,8 @@ import { createRequire } from "node:module";
 import { dirname, join, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 
-const APP_DISPLAY_NAME = "T3 Code";
+const isDevelopment = Boolean(process.env.VITE_DEV_SERVER_URL);
+const APP_DISPLAY_NAME = isDevelopment ? "T3 Code (Dev)" : "T3 Code (Alpha)";
 const APP_BUNDLE_ID = "com.t3tools.t3code";
 const LAUNCHER_VERSION = 1;
 
diff --git a/apps/desktop/src/main.ts b/apps/desktop/src/main.ts
index bb82ffb6f710617777582f867359bea63c6d89ab..d647bbd2e0d17da8a885c7b03ff122804faf2fdc 100644
--- a/apps/desktop/src/main.ts
+++ b/apps/desktop/src/main.ts
@@ -21,7 +21,7 @@ const BACKEND_ENTRY = path.join(ROOT_DIR, "apps/server/dist/index.mjs");
 const WEB_ENTRY = path.join(ROOT_DIR, "apps/web/dist/index.html");
 const STATE_DIR = path.join(os.homedir(), ".t3", "userdata");
 const isDevelopment = Boolean(process.env.VITE_DEV_SERVER_URL);
-const APP_DISPLAY_NAME = "T3 Code";
+const APP_DISPLAY_NAME = isDevelopment ? "T3 Code (Dev)" : "T3 Code (Alpha)";
 const APP_USER_MODEL_ID = "com.t3tools.t3code";
 
 let mainWindow: BrowserWindow | null = null;
diff --git a/apps/web/index.html b/apps/web/index.html
index fe8a1ba89129bf821d87c5515f18472ddde91704..0322f2d019cc2816baaed3ed1005073c16f0598a 100644
--- a/apps/web/index.html
+++ b/apps/web/index.html
@@ -4,7 +4,6 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" href="/favicon.ico" sizes="48x48" />
-    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -12,7 +11,7 @@
       href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300..800;1,9..40,300..800&display=swap"
       rel="stylesheet"
     />
-    <title>T3 Code</title>
+    <title>T3 Code (Alpha)</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/apps/web/public/apple-touch-icon.png b/apps/web/public/apple-touch-icon.png
index 7fa585ce3e0beb761eff9a911bc71661cf3479c3..43dc5d21602cc217500121410827b603a6a6fe5e 100644
Binary files a/apps/web/public/apple-touch-icon.png and b/apps/web/public/apple-touch-icon.png differ
diff --git a/apps/web/public/favicon-16x16.png b/apps/web/public/favicon-16x16.png
index a6145516ea65be2ad9032768e0de807333d20533..1636b52162945be4ea63d866a9cb22ae68bb4ed0 100644
Binary files a/apps/web/public/favicon-16x16.png and b/apps/web/public/favicon-16x16.png differ
diff --git a/apps/web/public/favicon-32x32.png b/apps/web/public/favicon-32x32.png
index 490b5247a0c8e4ea3c3fc404071b396d610751a2..b84a6ff27a093136a3511018cd15b6bb6bb9fff5 100644
Binary files a/apps/web/public/favicon-32x32.png and b/apps/web/public/favicon-32x32.png differ
diff --git a/apps/web/public/favicon.ico b/apps/web/public/favicon.ico
index 46f36165b6dd995f2544eff838f7530489dee55b..8298f70d8b3690d1103d712c37d13a1d17fcec8d 100644
Binary files a/apps/web/public/favicon.ico and b/apps/web/public/favicon.ico differ
diff --git a/apps/web/src/branding.ts b/apps/web/src/branding.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4adc50bc1932e991c7c6d730c982305f5036fdc2
--- /dev/null
+++ b/apps/web/src/branding.ts
@@ -0,0 +1,3 @@
+export const APP_BASE_NAME = "T3 Code";
+export const APP_STAGE_LABEL = import.meta.env.DEV ? "Dev" : "Alpha";
+export const APP_DISPLAY_NAME = `${APP_BASE_NAME} (${APP_STAGE_LABEL})`;
diff --git a/apps/web/src/components/Sidebar.tsx b/apps/web/src/components/Sidebar.tsx
index 71a6e02ce87164ecbdfb4a91eaf977ce7455268a..e89d858109d1aaff19b0a871e9e22bbda0165f3c 100644
--- a/apps/web/src/components/Sidebar.tsx
+++ b/apps/web/src/components/Sidebar.tsx
@@ -4,6 +4,7 @@ import type { ResolvedKeybindingsConfig } from "@t3tools/contracts";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useNavigate, useParams } from "@tanstack/react-router";
 import { isElectron } from "../env";
+import { APP_STAGE_LABEL } from "../branding";
 import { useTheme } from "../hooks/useTheme";
 import { DEFAULT_MODEL } from "../model-logic";
 import { derivePendingApprovals } from "../session-logic";
@@ -431,9 +432,14 @@ export default function Sidebar() {
       <div
         className={`flex items-center gap-2.5 px-4 ${isElectron ? "drag-region h-[52px] pl-[76px]" : "py-4"}`}
       >
-        <span className="flex-1 text-sm font-semibold tracking-tight text-foreground">
-          T3 <span className="font-normal text-muted-foreground">Code</span>
-        </span>
+        <div className="flex min-w-0 flex-1 items-center gap-2">
+          <span className="truncate text-sm font-semibold tracking-tight text-foreground">
+            T3 <span className="font-normal text-muted-foreground">Code</span>
+          </span>
+          <span className="rounded border border-border bg-secondary px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground">
+            {APP_STAGE_LABEL}
+          </span>
+        </div>
         <button
           type="button"
           className="rounded-md p-1.5 text-muted-foreground/80 transition-colors duration-150 hover:bg-accent hover:text-muted-foreground"
diff --git a/apps/web/src/main.tsx b/apps/web/src/main.tsx
index baa3fea4f4a3866c9dd5e156980d89a357964e65..0de3ae3c4e7eaa62816048e3cf971aa30e84cea5 100644
--- a/apps/web/src/main.tsx
+++ b/apps/web/src/main.tsx
@@ -9,12 +9,14 @@ import "@xterm/xterm/css/xterm.css";
 import "highlight.js/styles/github-dark.css";
 import "./index.css";
 
+import { APP_DISPLAY_NAME } from "./branding";
 import { isElectron } from "./env";
 import { routeTree } from "./routeTree.gen";
 
 const history = isElectron ? createHashHistory() : createBrowserHistory();
 
 const queryClient = new QueryClient();
+document.title = APP_DISPLAY_NAME;
 
 const router = createRouter({
   routeTree,
diff --git a/apps/web/src/routes/__root.tsx b/apps/web/src/routes/__root.tsx
index bfac06dff13a5ce399d898691c917c9d5f68d3db..78b887c6fec38cb6983a6fefa94925f80d1fc81b 100644
--- a/apps/web/src/routes/__root.tsx
+++ b/apps/web/src/routes/__root.tsx
@@ -9,6 +9,7 @@ import { invalidateGitQueries } from "../lib/gitReactQuery";
 import { DEFAULT_MODEL } from "../model-logic";
 import { useStore } from "../store";
 import { onServerWelcome } from "../wsNativeApi";
+import { APP_DISPLAY_NAME } from "../branding";
 
 export const Route = createRootRouteWithContext<{
   queryClient: QueryClient;
@@ -23,7 +24,9 @@ function RootRouteView() {
     return (
       <div className="flex h-screen flex-col bg-background text-foreground">
         <div className="flex flex-1 items-center justify-center">
-          <p className="text-sm text-muted-foreground">Connecting to T3 Code server...</p>
+          <p className="text-sm text-muted-foreground">
+            Connecting to {APP_DISPLAY_NAME} server...
+          </p>
         </div>
       </div>
     );