diff --git a/.github/social-preview-brand.svg b/.github/social-preview-brand.svg
new file mode 100644
index 00000000..c9c6bbcc
--- /dev/null
+++ b/.github/social-preview-brand.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="88" viewBox="0 0 300 88" role="img" aria-label="Clash">
+  <rect width="300" height="88" fill="#08090C"/>
+  <text
+    class="clash-c"
+    x="30"
+    y="69"
+    font-family="Inter, Helvetica Neue, Helvetica, Arial, sans-serif"
+    font-size="56"
+    font-weight="700"
+    letter-spacing="-2"
+    fill="#FF6B50"
+  >C</text>
+  <text
+    x="68"
+    y="69"
+    font-family="Inter, Helvetica Neue, Helvetica, Arial, sans-serif"
+    font-size="56"
+    font-weight="700"
+    letter-spacing="-2"
+    fill="#F5F5F4"
+  >lash</text>
+</svg>
diff --git a/.github/social-preview.png b/.github/social-preview.png
index 4d1cc82c..dc3c4f23 100644
Binary files a/.github/social-preview.png and b/.github/social-preview.png differ
diff --git a/apps/desktop/build/icon-1024.png b/apps/desktop/build/icon-1024.png
index b3eb47ba..9118e56f 100644
Binary files a/apps/desktop/build/icon-1024.png and b/apps/desktop/build/icon-1024.png differ
diff --git a/apps/desktop/build/icon.icns b/apps/desktop/build/icon.icns
index 45143ca6..bce48907 100644
Binary files a/apps/desktop/build/icon.icns and b/apps/desktop/build/icon.icns differ
diff --git a/apps/desktop/build/icon.svg b/apps/desktop/build/icon.svg
index bda8f1db..8af796ef 100644
--- a/apps/desktop/build/icon.svg
+++ b/apps/desktop/build/icon.svg
@@ -1,22 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024" role="img" aria-label="Clash app icon">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024" role="img" aria-label="Clash C app icon">
   <rect x="0" y="0" width="1024" height="1024" rx="216" fill="#F7F6F2"/>
-  <g transform="translate(512 512) scale(0.86) translate(-636 -601)">
-    <path
-      d="M 966 590
-         L 966 350
-         A 98 101 0 0 0 868 249
-         L 388 249
-         A 101 101 0 0 0 287 350
-         L 287 848
-         A 100 99 0 0 0 388 947
-         L 760 947"
-      fill="none"
-      stroke="#171412"
-      stroke-width="52"
-      stroke-linecap="round"
-      stroke-linejoin="round"/>
-    <ellipse cx="532" cy="577" rx="47" ry="82" fill="#171412"/>
-    <ellipse cx="717" cy="577" rx="47" ry="82" fill="#171412"/>
-    <rect x="862" y="622" width="88" height="372" rx="44" ry="44" fill="#FF6B50" transform="rotate(26.06 906 808)"/>
-  </g>
+  <path
+    d="M 764 302 C 692 222 596 176 488 176 C 302 176 152 326 152 512 C 152 698 302 848 488 848 C 596 848 692 802 764 722"
+    fill="none"
+    stroke="#FF6B50"
+    stroke-width="144"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
 </svg>
diff --git a/apps/desktop/src/electron-version.test.ts b/apps/desktop/src/electron-version.test.ts
index eb5ce32a..e04b96f5 100644
--- a/apps/desktop/src/electron-version.test.ts
+++ b/apps/desktop/src/electron-version.test.ts
@@ -176,7 +176,7 @@ describe("desktop Electron runtime", () => {
     expect(readFileSync(iconUrl).subarray(0, 4).toString("ascii")).toBe("icns");
   });
 
-  it("uses a full-size centered desktop icon source", () => {
+  it("uses a full-size centered Clash C desktop icon source", () => {
     const iconSvg = readFileSync(
       new URL("../build/icon.svg", import.meta.url),
       "utf8",
@@ -184,9 +184,9 @@ describe("desktop Electron runtime", () => {
 
     expect(iconSvg).toContain('viewBox="0 0 1024 1024"');
     expect(iconSvg).toContain('rx="216"');
-    expect(iconSvg).toContain(
-      "translate(512 512) scale(0.86) translate(-636 -601)",
-    );
+    expect(iconSvg).toContain('aria-label="Clash C app icon"');
+    expect(iconSvg).toContain('stroke="#FF6B50"');
+    expect(iconSvg).not.toMatch(/<ellipse|agent|face/i);
   });
 
   it("injects the desktop runtime mode into the renderer", () => {
diff --git a/apps/web/app/brand-assets.test.ts b/apps/web/app/brand-assets.test.ts
new file mode 100644
index 00000000..aea88bd9
--- /dev/null
+++ b/apps/web/app/brand-assets.test.ts
@@ -0,0 +1,67 @@
+import { readFileSync } from "node:fs";
+import { join } from "node:path";
+import { describe, expect, it } from "vitest";
+
+const repoRoot = join(import.meta.dirname, "../../..");
+
+describe("Clash brand assets", () => {
+  it("uses the theme-colored Clash C for the browser tab favicon", () => {
+    const favicon = readFileSync(
+      join(repoRoot, "apps/web/public/favicon-c.svg"),
+      "utf8",
+    );
+    const mark = readFileSync(
+      join(repoRoot, "apps/web/public/brand/logo-mark.svg"),
+      "utf8",
+    );
+    const html = readFileSync(join(repoRoot, "apps/web/index.html"), "utf8");
+
+    expect(favicon).toBe(mark);
+    expect(favicon).toContain("#FF6B50");
+    expect(favicon).toContain('aria-label="Clash C"');
+    expect(favicon).not.toMatch(/<ellipse|Clash agent|logo-mark-animated/);
+    expect(html).toContain('href="/favicon-c.svg"');
+  });
+
+  it("keeps the editable social preview brand source on the same Clash C wordmark", () => {
+    const source = readFileSync(
+      join(repoRoot, ".github/social-preview-brand.svg"),
+      "utf8",
+    );
+
+    expect(source).toContain('aria-label="Clash"');
+    expect(source).toContain('class="clash-c"');
+    expect(source).toContain('fill="#FF6B50"');
+    expect(source).toContain(">C</text>");
+    expect(source).toContain(">lash</text>");
+    expect(source).not.toMatch(/<ellipse|agent|face/i);
+  });
+
+  it("uses the Clash C for the packaged desktop application icon", () => {
+    const source = readFileSync(
+      join(repoRoot, "apps/desktop/build/icon.svg"),
+      "utf8",
+    );
+
+    expect(source).toContain('aria-label="Clash C app icon"');
+    expect(source).toContain("#FF6B50");
+    expect(source).not.toMatch(/<ellipse|agent|face/i);
+  });
+
+  it("uses cache-busted Clash C assets on product logo surfaces", () => {
+    const consumers = [
+      "apps/web/app/root.tsx",
+      "apps/web/app/routes/login.tsx",
+      "packages/web-ui/src/components/ProjectsClient.tsx",
+      "packages/web-ui/src/components/SettingsClient.tsx",
+      "packages/web-ui/src/components/TopNavigation.tsx",
+    ]
+      .map((path) => readFileSync(join(repoRoot, path), "utf8"))
+      .join("\n");
+
+    expect(consumers).toContain("/brand/logo-c.svg");
+    expect(consumers).toContain("/brand/logo-c-animated.svg");
+    expect(consumers).toContain("/brand/logo-c-error.svg");
+    expect(consumers).not.toContain("/brand/logo-mark");
+  });
+});
diff --git a/apps/web/app/root-route-primitives.test.ts b/apps/web/app/root-route-primitives.test.ts
index e5daacd8..311bff64 100644
--- a/apps/web/app/root-route-primitives.test.ts
+++ b/apps/web/app/root-route-primitives.test.ts
@@ -60,6 +60,24 @@ describe("root route primitives", () => {
     expect(sitemap).not.toContain("/login");
   });
 
+  it("publishes cache-busted Clash C install icons", () => {
+    const html = readFileSync(
+      new URL("../index.html", import.meta.url),
+      "utf8",
+    );
+    const webManifest = JSON.parse(
+      readFileSync(new URL("../public/site.webmanifest", import.meta.url), "utf8"),
+    ) as { icons?: Array<{ src?: string }> };
+
+    expect(html).toContain('href="/favicon-c.svg"');
+    expect(html).toContain('href="/apple-touch-icon-c.png"');
+    expect(webManifest.icons?.map((icon) => icon.src)).toEqual([
+      "/icon-c-192.png",
+      "/icon-c-512.png",
+      "/maskable-icon-c-512.png",
+    ]);
+  });
+
   it("keeps the desktop runtime callout legible in dark mode", () => {
     const css = readFileSync(new URL("./globals.css", import.meta.url), "utf8");
 
diff --git a/apps/web/app/root.tsx b/apps/web/app/root.tsx
index 181a4d10..c78dbe7d 100644
--- a/apps/web/app/root.tsx
+++ b/apps/web/app/root.tsx
@@ -92,7 +92,7 @@ export function ErrorBoundary() {
 
       <section className="relative w-full max-w-xl">
         <div className="mb-8 flex items-center gap-3">
-          <img src="/brand/logo-mark-error.svg" alt="Clash" className="h-11 w-11" />
+          <img src="/brand/logo-c-error.svg" alt="Clash" className="h-11 w-11" />
           <div>
             <p className="text-xs font-semibold uppercase tracking-[0.18em] text-brand">Route paused</p>
             <h1 className="font-display text-3xl font-bold tracking-tight sm:text-4xl">
diff --git a/apps/web/app/routes/login.tsx b/apps/web/app/routes/login.tsx
index f42aea8f..badafdfd 100644
--- a/apps/web/app/routes/login.tsx
+++ b/apps/web/app/routes/login.tsx
@@ -178,13 +178,13 @@ export default function LoginRoute() {
             >
               <span className="relative block h-10 w-10">
                 <img
-                  src="/brand/logo-mark.svg"
+                  src="/brand/logo-c.svg"
                   alt=""
                   className="h-10 w-10 object-contain dark:hidden"
                   draggable={false}
                 />
                 <img
-                  src="/brand/logo-mark-dark.svg"
+                  src="/brand/logo-c.svg"
                   alt=""
                   className="hidden h-10 w-10 object-contain dark:block"
                   draggable={false}
diff --git a/apps/web/app/theme-contract.test.ts b/apps/web/app/theme-contract.test.ts
index 9748be62..cb8d3cea 100644
--- a/apps/web/app/theme-contract.test.ts
+++ b/apps/web/app/theme-contract.test.ts
@@ -304,7 +304,7 @@ describe("application theme contract", () => {
     expect(css).toMatch(
       /\.dark \.clash-copilot-launcher \.clash-agent-motion__pen\s*\{[\s\S]*?fill: #ff6b50/,
     );
-    expect(topNavigation).toContain('/brand/logo-mark-dark.svg');
+    expect(topNavigation).toContain('/brand/logo-c.svg');
     expect(topNavigation).not.toContain("dark:grayscale");
   });
 
@@ -333,7 +333,7 @@ describe("application theme contract", () => {
     expect(login).toContain("dark:text-neutral-50");
     expect(login).toContain("dark:text-neutral-100");
     expect(login).toContain("dark:placeholder:text-neutral-500");
-    expect(login).toContain('/brand/logo-mark-dark.svg');
+    expect(login).toContain('/brand/logo-c.svg');
   });
 
   it("exposes Appearance as a real persisted settings section", () => {
diff --git a/apps/web/index.html b/apps/web/index.html
index 2695d8fe..188c151b 100644
--- a/apps/web/index.html
+++ b/apps/web/index.html
@@ -2,8 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="icon" type="image/svg+xml" href="/favicon-c.svg" />
+    <link rel="alternate icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-c.png" />
     <link rel="manifest" href="/site.webmanifest" />
     <link rel="canonical" href="https://clash.video/" />
     <meta
diff --git a/apps/web/public/_headers b/apps/web/public/_headers
index 4d525b13..a6244344 100644
--- a/apps/web/public/_headers
+++ b/apps/web/public/_headers
@@ -17,18 +17,33 @@
 /favicon.svg
   Cache-Control: public, max-age=86400
 
+/favicon-c.svg
+  Cache-Control: public, max-age=86400
+
 /apple-touch-icon.png
   Cache-Control: public, max-age=86400
 
+/apple-touch-icon-c.png
+  Cache-Control: public, max-age=86400
+
 /icon-192.png
   Cache-Control: public, max-age=86400
 
+/icon-c-192.png
+  Cache-Control: public, max-age=86400
+
 /icon-512.png
   Cache-Control: public, max-age=86400
 
+/icon-c-512.png
+  Cache-Control: public, max-age=86400
+
 /maskable-icon-512.png
   Cache-Control: public, max-age=86400
 
+/maskable-icon-c-512.png
+  Cache-Control: public, max-age=86400
+
 /og-image.png
   Cache-Control: public, max-age=86400
 
diff --git a/apps/web/public/apple-touch-icon-c.png b/apps/web/public/apple-touch-icon-c.png
new file mode 100644
index 00000000..86b887b2
Binary files /dev/null and b/apps/web/public/apple-touch-icon-c.png differ
diff --git a/apps/web/public/apple-touch-icon.png b/apps/web/public/apple-touch-icon.png
index fc4e7c95..86b887b2 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/brand/logo-c-animated.svg b/apps/web/public/brand/logo-c-animated.svg
new file mode 100644
index 00000000..9cdf8bd4
--- /dev/null
+++ b/apps/web/public/brand/logo-c-animated.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
+  <path
+    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
+    fill="none"
+    stroke="#FF6B50"
+    stroke-width="72"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    pathLength="1"
+    stroke-dasharray="1"
+  >
+    <animate
+      attributeName="stroke-dashoffset"
+      values="1;0;0"
+      keyTimes="0;0.55;1"
+      dur="1.6s"
+      repeatCount="indefinite"
+    />
+  </path>
+</svg>
diff --git a/apps/web/public/brand/logo-c-error.svg b/apps/web/public/brand/logo-c-error.svg
new file mode 100644
index 00000000..84c5da91
--- /dev/null
+++ b/apps/web/public/brand/logo-c-error.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
+  <path
+    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
+    fill="none"
+    stroke="#FF6B50"
+    stroke-width="72"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/apps/web/public/brand/logo-c.svg b/apps/web/public/brand/logo-c.svg
new file mode 100644
index 00000000..84c5da91
--- /dev/null
+++ b/apps/web/public/brand/logo-c.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
+  <path
+    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
+    fill="none"
+    stroke="#FF6B50"
+    stroke-width="72"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/apps/web/public/brand/logo-lockup-horizontal.svg b/apps/web/public/brand/logo-lockup-horizontal.svg
index d482fa16..79d76cad 100644
--- a/apps/web/public/brand/logo-lockup-horizontal.svg
+++ b/apps/web/public/brand/logo-lockup-horizontal.svg
@@ -1,31 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 96" role="img" aria-label="Clash logo">
-  <g transform="scale(0.1875)">
-    <g transform="translate(256 256) scale(0.58) translate(-627 -627)">
-      <path
-        d="M 966 590
-           L 966 350
-           A 98 101 0 0 0 868 249
-           L 388 249
-           A 101 101 0 0 0 287 350
-           L 287 848
-           A 100 99 0 0 0 388 947
-           L 760 947"
-        fill="none"
-        stroke="#171412"
-        stroke-width="52"
-        stroke-linecap="round"
-        stroke-linejoin="round"/>
-      <ellipse cx="532" cy="577" rx="47" ry="82" fill="#171412"/>
-      <ellipse cx="717" cy="577" rx="47" ry="82" fill="#171412"/>
-      <rect x="862" y="622" width="88" height="372" rx="44" ry="44" fill="#FF6B50" transform="rotate(26.06 906 808)"/>
-    </g>
-  </g>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 96" role="img" aria-label="Clash">
   <text
-    x="104"
-    y="62"
-    fill="#070B1F"
+    x="12"
+    y="68"
     font-family="Space Grotesk, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif"
-    font-size="42"
-    font-weight="650"
-  >Clash</text>
+    font-size="64"
+    font-weight="700"
+    letter-spacing="-2"
+  ><tspan fill="#FF6B50">C</tspan><tspan fill="#070B1F">lash</tspan></text>
 </svg>
diff --git a/apps/web/public/brand/logo-mark-animated.svg b/apps/web/public/brand/logo-mark-animated.svg
index 5afad8c1..9cdf8bd4 100644
--- a/apps/web/public/brand/logo-mark-animated.svg
+++ b/apps/web/public/brand/logo-mark-animated.svg
@@ -1,100 +1,20 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1254 1254" width="1254" height="1254" role="img" aria-label="Clash agent thinking mark">
-  <style>
-    :root {
-      --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
-      --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
-    }
-    .frame {
-      transform-origin: 626px 626px;
-      animation: settle 4200ms var(--ease-out-quart) infinite;
-    }
-    .gaze {
-      animation: gaze 4200ms var(--ease-out-quart) infinite;
-    }
-    .eye {
-      fill: #171412;
-      animation: blink 4200ms var(--ease-out-quint) infinite;
-    }
-    .eye-left { transform-origin: 532px 577px; }
-    .eye-right { transform-origin: 717px 577px; }
-    .pen {
-      transform-origin: 902px 805px;
-      animation: pen-think 4200ms var(--ease-out-quart) infinite;
-    }
-    .pen-body { fill: #FF6B50; }
-    .thought-mark {
-      fill: none;
-      stroke: #FF6B50;
-      stroke-width: 14;
-      stroke-linecap: round;
-      stroke-dasharray: 1 74;
-      stroke-dashoffset: 0;
-      opacity: 0;
-      animation: thought-ping 4200ms var(--ease-out-quint) infinite;
-    }
-    @keyframes settle {
-      0%, 100% { transform: translateY(0); }
-      42% { transform: translateY(-2px); }
-      68% { transform: translateY(1px); }
-    }
-    @keyframes gaze {
-      0%, 15% { transform: translateX(0); }
-      27%, 42% { transform: translateX(-16px); }
-      54%, 66% { transform: translateX(12px); }
-      78%, 100% { transform: translateX(0); }
-    }
-    @keyframes blink {
-      0%, 31%, 35%, 69%, 73%, 100% { transform: scaleY(1); }
-      33%, 71% { transform: scaleY(0.55); }
-    }
-    @keyframes pen-think {
-      0%, 100% { transform: translate(0, 0) rotate(0deg); }
-      18% { transform: translate(-2px, -9px) rotate(-2deg); }
-      34% { transform: translate(8px, -18px) rotate(5deg); }
-      47% { transform: translate(2px, -7px) rotate(1deg); }
-      56% { transform: translate(-6px, 9px) rotate(-4deg); }
-      64% { transform: translate(0, 0) rotate(0deg); }
-      80% { transform: translate(5px, -11px) rotate(3deg); }
-    }
-    @keyframes thought-ping {
-      0%, 38%, 100% {
-        opacity: 0;
-        stroke-dashoffset: 0;
-        transform: scale(0.92);
-      }
-      45% { opacity: 0.78; }
-      62% {
-        opacity: 0;
-        stroke-dashoffset: -74;
-        transform: scale(1.05);
-      }
-    }
-    @media (prefers-reduced-motion: reduce) {
-      .frame, .gaze, .eye, .pen, .thought-mark { animation: none; }
-    }
-  </style>
-  <g class="frame">
-    <path
-      d="M 966 590
-         L 966 350
-         A 98 101 0 0 0 868 249
-         L 388 249
-         A 101 101 0 0 0 287 350
-         L 287 848
-         A 100 99 0 0 0 388 947
-         L 760 947"
-      fill="none"
-      stroke="#171412"
-      stroke-width="40"
-      stroke-linecap="round"
-      stroke-linejoin="round"/>
-    <g class="gaze">
-      <ellipse class="eye eye-left" cx="532" cy="577" rx="41.5" ry="75.5"/>
-      <ellipse class="eye eye-right" cx="717" cy="577" rx="41.5" ry="75.5"/>
-    </g>
-    <path class="thought-mark" d="M 823 905 Q 835 884 850 858"/>
-    <g class="pen">
-      <rect class="pen-body" x="866" y="629" width="72" height="351" rx="36" ry="36" transform="rotate(26.06 902 805)"/>
-    </g>
-  </g>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
+  <path
+    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
+    fill="none"
+    stroke="#FF6B50"
+    stroke-width="72"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    pathLength="1"
+    stroke-dasharray="1"
+  >
+    <animate
+      attributeName="stroke-dashoffset"
+      values="1;0;0"
+      keyTimes="0;0.55;1"
+      dur="1.6s"
+      repeatCount="indefinite"
+    />
+  </path>
 </svg>
diff --git a/apps/web/public/brand/logo-mark-dark.svg b/apps/web/public/brand/logo-mark-dark.svg
index d8f7a2f5..84c5da91 100644
--- a/apps/web/public/brand/logo-mark-dark.svg
+++ b/apps/web/public/brand/logo-mark-dark.svg
@@ -1,20 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash logo">
-  <rect x="34" y="34" width="444" height="444" rx="126" fill="#242424" stroke="#3A3A3A" stroke-width="8"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
   <path
-    d="M 394 232
-       L 394 151
-       A 42 43 0 0 0 352 108
-       L 160 108
-       A 43 43 0 0 0 117 151
-       L 117 350
-       A 43 42 0 0 0 160 392
-       L 309 392"
+    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
     fill="none"
-    stroke="#A3A3A3"
-    stroke-width="24"
+    stroke="#FF6B50"
+    stroke-width="72"
     stroke-linecap="round"
-    stroke-linejoin="round"/>
-  <ellipse cx="218" cy="242" rx="19" ry="34" fill="#A3A3A3"/>
-  <ellipse cx="294" cy="242" rx="19" ry="34" fill="#A3A3A3"/>
-  <rect x="350" y="268" width="39" height="157" rx="19.5" fill="#FF6B50" transform="rotate(26.06 369.5 346.5)"/>
+    stroke-linejoin="round"
+  />
 </svg>
diff --git a/apps/web/public/brand/logo-mark-error.svg b/apps/web/public/brand/logo-mark-error.svg
index a498e061..84c5da91 100644
--- a/apps/web/public/brand/logo-mark-error.svg
+++ b/apps/web/public/brand/logo-mark-error.svg
@@ -1,23 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash error logo">
-  <g transform="translate(256 256) scale(0.58) translate(-627 -627)">
-    <path
-      d="M 966 590
-         L 966 350
-         A 98 101 0 0 0 868 249
-         L 388 249
-         A 101 101 0 0 0 287 350
-         L 287 848
-         A 100 99 0 0 0 388 947
-         L 760 947"
-      fill="none"
-      stroke="#171412"
-      stroke-width="52"
-      stroke-linecap="round"
-      stroke-linejoin="round"/>
-    <path d="M 492 537 L 572 617" fill="none" stroke="#171412" stroke-width="42" stroke-linecap="round"/>
-    <path d="M 572 537 L 492 617" fill="none" stroke="#171412" stroke-width="42" stroke-linecap="round"/>
-    <path d="M 677 537 L 757 617" fill="none" stroke="#171412" stroke-width="42" stroke-linecap="round"/>
-    <path d="M 757 537 L 677 617" fill="none" stroke="#171412" stroke-width="42" stroke-linecap="round"/>
-    <rect x="862" y="622" width="88" height="372" rx="44" ry="44" fill="#FF6B50" transform="rotate(26.06 906 808)"/>
-  </g>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
+  <path
+    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
+    fill="none"
+    stroke="#FF6B50"
+    stroke-width="72"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
 </svg>
diff --git a/apps/web/public/brand/logo-mark.svg b/apps/web/public/brand/logo-mark.svg
index 2561f53a..84c5da91 100644
--- a/apps/web/public/brand/logo-mark.svg
+++ b/apps/web/public/brand/logo-mark.svg
@@ -1,21 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash logo">
-  <g transform="translate(256 256) scale(0.58) translate(-627 -627)">
-    <path
-      d="M 966 590
-         L 966 350
-         A 98 101 0 0 0 868 249
-         L 388 249
-         A 101 101 0 0 0 287 350
-         L 287 848
-         A 100 99 0 0 0 388 947
-         L 760 947"
-      fill="none"
-      stroke="#171412"
-      stroke-width="52"
-      stroke-linecap="round"
-      stroke-linejoin="round"/>
-    <ellipse cx="532" cy="577" rx="47" ry="82" fill="#171412"/>
-    <ellipse cx="717" cy="577" rx="47" ry="82" fill="#171412"/>
-    <rect x="862" y="622" width="88" height="372" rx="44" ry="44" fill="#FF6B50" transform="rotate(26.06 906 808)"/>
-  </g>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
+  <path
+    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
+    fill="none"
+    stroke="#FF6B50"
+    stroke-width="72"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
 </svg>
diff --git a/apps/web/public/favicon-c.svg b/apps/web/public/favicon-c.svg
new file mode 100644
index 00000000..84c5da91
--- /dev/null
+++ b/apps/web/public/favicon-c.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
+  <path
+    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
+    fill="none"
+    stroke="#FF6B50"
+    stroke-width="72"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/apps/web/public/favicon.svg b/apps/web/public/favicon.svg
index 2561f53a..84c5da91 100644
--- a/apps/web/public/favicon.svg
+++ b/apps/web/public/favicon.svg
@@ -1,21 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash logo">
-  <g transform="translate(256 256) scale(0.58) translate(-627 -627)">
-    <path
-      d="M 966 590
-         L 966 350
-         A 98 101 0 0 0 868 249
-         L 388 249
-         A 101 101 0 0 0 287 350
-         L 287 848
-         A 100 99 0 0 0 388 947
-         L 760 947"
-      fill="none"
-      stroke="#171412"
-      stroke-width="52"
-      stroke-linecap="round"
-      stroke-linejoin="round"/>
-    <ellipse cx="532" cy="577" rx="47" ry="82" fill="#171412"/>
-    <ellipse cx="717" cy="577" rx="47" ry="82" fill="#171412"/>
-    <rect x="862" y="622" width="88" height="372" rx="44" ry="44" fill="#FF6B50" transform="rotate(26.06 906 808)"/>
-  </g>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
+  <path
+    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
+    fill="none"
+    stroke="#FF6B50"
+    stroke-width="72"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
 </svg>
diff --git a/apps/web/public/icon-192.png b/apps/web/public/icon-192.png
index b53d2012..fe1292f2 100644
Binary files a/apps/web/public/icon-192.png and b/apps/web/public/icon-192.png differ
diff --git a/apps/web/public/icon-512.png b/apps/web/public/icon-512.png
index 3e6383e1..ae3369ca 100644
Binary files a/apps/web/public/icon-512.png and b/apps/web/public/icon-512.png differ
diff --git a/apps/web/public/icon-c-192.png b/apps/web/public/icon-c-192.png
new file mode 100644
index 00000000..fe1292f2
Binary files /dev/null and b/apps/web/public/icon-c-192.png differ
diff --git a/apps/web/public/icon-c-512.png b/apps/web/public/icon-c-512.png
new file mode 100644
index 00000000..ae3369ca
Binary files /dev/null and b/apps/web/public/icon-c-512.png differ
diff --git a/apps/web/public/maskable-icon-512.png b/apps/web/public/maskable-icon-512.png
index 3e6383e1..ae3369ca 100644
Binary files a/apps/web/public/maskable-icon-512.png and b/apps/web/public/maskable-icon-512.png differ
diff --git a/apps/web/public/maskable-icon-c-512.png b/apps/web/public/maskable-icon-c-512.png
new file mode 100644
index 00000000..ae3369ca
Binary files /dev/null and b/apps/web/public/maskable-icon-c-512.png differ
diff --git a/apps/web/public/og-image.png b/apps/web/public/og-image.png
index cb36c9b7..995f5a1f 100644
Binary files a/apps/web/public/og-image.png and b/apps/web/public/og-image.png differ
diff --git a/apps/web/public/site.webmanifest b/apps/web/public/site.webmanifest
index a3201f4c..4c5ecdb4 100644
--- a/apps/web/public/site.webmanifest
+++ b/apps/web/public/site.webmanifest
@@ -8,17 +8,17 @@
   "theme_color": "#FF6B50",
   "icons": [
     {
-      "src": "/icon-192.png",
+      "src": "/icon-c-192.png",
       "sizes": "192x192",
       "type": "image/png"
     },
     {
-      "src": "/icon-512.png",
+      "src": "/icon-c-512.png",
       "sizes": "512x512",
       "type": "image/png"
     },
     {
-      "src": "/maskable-icon-512.png",
+      "src": "/maskable-icon-c-512.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "maskable"
diff --git a/packages/web-ui/src/components/ProjectsClient.tsx b/packages/web-ui/src/components/ProjectsClient.tsx
index c16f188e..0eb2f871 100644
--- a/packages/web-ui/src/components/ProjectsClient.tsx
+++ b/packages/web-ui/src/components/ProjectsClient.tsx
@@ -47,7 +47,7 @@ export default function ProjectsClient({ projects }: ProjectsClientProps) {
                                 <strong>First cut, open frame</strong>
                             </div>
                             <div className="clash-projects-empty-node clash-projects-empty-node--agent">
-                                <img src="/brand/logo-mark-animated.svg" alt="" draggable={false} />
+                                <img src="/brand/logo-c-animated.svg" alt="" draggable={false} />
                                 <strong>Agent pass</strong>
                             </div>
                             <div className="clash-projects-empty-node clash-projects-empty-node--shot">
diff --git a/packages/web-ui/src/components/SettingsClient.tsx b/packages/web-ui/src/components/SettingsClient.tsx
index f3de0d7b..2f6bf3e8 100644
--- a/packages/web-ui/src/components/SettingsClient.tsx
+++ b/packages/web-ui/src/components/SettingsClient.tsx
@@ -2355,7 +2355,7 @@ function modelCardBrand(model: ModelCatalogEntryInfo['model']): ModelBrand {
         return { id: 'recraft', label: 'Recraft', src: '/brand/models/recraft.svg' };
     }
     if (/(clash mock|mock image|mock text)/.test(identity)) {
-        return { id: 'clash', label: 'Clash', src: '/brand/logo-mark.svg' };
+        return { id: 'clash', label: 'Clash', src: '/brand/logo-c.svg' };
     }
     if (/(nano-banana|gemini|veo|google)/.test(identity)) {
         return { id: 'google', label: 'Google', src: '/brand/providers/google.svg' };
@@ -2392,7 +2392,7 @@ function modelCardBrand(model: ModelCatalogEntryInfo['model']): ModelBrand {
     }
     if (/(local|mlx|whisper|kokoro|piper)/.test(identity)) {
         if (/(local agent)/.test(identity)) {
-            return { id: 'clash', label: 'Clash', src: '/brand/logo-mark.svg' };
+            return { id: 'clash', label: 'Clash', src: '/brand/logo-c.svg' };
         }
         return { id: 'local', label: 'Local' };
     }
diff --git a/packages/web-ui/src/components/TopNavigation.desktop.test.tsx b/packages/web-ui/src/components/TopNavigation.desktop.test.tsx
index fa23a92b..10baf8f1 100644
--- a/packages/web-ui/src/components/TopNavigation.desktop.test.tsx
+++ b/packages/web-ui/src/components/TopNavigation.desktop.test.tsx
@@ -177,7 +177,7 @@ describe("TopNavigation desktop chrome", () => {
     const home = await screen.findByRole("button", { name: "Clash home" });
     const logos = Array.from(home.querySelectorAll("img"));
     expect(logos.map((logo) => logo.getAttribute("src"))).toEqual(
-      expect.arrayContaining(["/icon-192.png", "/brand/logo-mark-dark.svg"]),
+      expect.arrayContaining(["/brand/logo-c.svg"]),
     );
     expect(logos.some((logo) => logo.className.includes("dark:block"))).toBe(true);
     expect(logos.every((logo) => !logo.className.includes("dark:grayscale"))).toBe(true);
diff --git a/packages/web-ui/src/components/TopNavigation.tsx b/packages/web-ui/src/components/TopNavigation.tsx
index 849fd6d9..c7e554b6 100644
--- a/packages/web-ui/src/components/TopNavigation.tsx
+++ b/packages/web-ui/src/components/TopNavigation.tsx
@@ -347,13 +347,13 @@ export default function TopNavigation() {
                   icon={
                     <span className="relative block h-11 w-11 transition-transform duration-150 group-hover:scale-105">
                       <img
-                        src="/icon-192.png"
+                        src="/brand/logo-c.svg"
                         alt=""
                         className="h-11 w-11 object-contain dark:hidden"
                         draggable={false}
                       />
                       <img
-                        src="/brand/logo-mark-dark.svg"
+                        src="/brand/logo-c.svg"
                         alt=""
                         className="hidden h-11 w-11 object-contain dark:block"
                         draggable={false}
@@ -418,13 +418,13 @@ export default function TopNavigation() {
           <Link to="/" className="group flex h-12 w-12 items-center justify-center" aria-label="Clash home">
             <span className="relative block h-11 w-11 transition-transform duration-150 group-hover:scale-105">
               <img
-                src="/icon-192.png"
+                src="/brand/logo-c.svg"
                 alt=""
                 className="h-11 w-11 object-contain dark:hidden"
                 draggable={false}
               />
               <img
-                src="/brand/logo-mark-dark.svg"
+                src="/brand/logo-c.svg"
                 alt=""
                 className="hidden h-11 w-11 object-contain dark:block"
                 draggable={false}
diff --git a/packages/web-ui/src/components/landing/ClashWordmark.tsx b/packages/web-ui/src/components/landing/ClashWordmark.tsx
index 80936baf..ff9fc7f3 100644
--- a/packages/web-ui/src/components/landing/ClashWordmark.tsx
+++ b/packages/web-ui/src/components/landing/ClashWordmark.tsx
@@ -9,23 +9,14 @@ export default function ClashWordmark({
     <span
       role="img"
       aria-label="Clash"
-      className={`inline-flex items-center gap-[0.3em] font-display font-semibold leading-none tracking-tight text-slate-950 dark:text-slate-50 ${className}`}
+      className={`inline-flex items-baseline font-display font-semibold leading-none tracking-tight text-slate-950 dark:text-slate-50 ${className}`}
     >
-      <img
-        src="/brand/logo-mark.svg"
-        alt=""
-        aria-hidden="true"
-        className="h-[1.15em] w-[1.15em] shrink-0 object-contain dark:hidden"
-        draggable={false}
-      />
-      <img
-        src="/brand/logo-mark-dark.svg"
-        alt=""
-        aria-hidden="true"
-        className="hidden h-[1.15em] w-[1.15em] shrink-0 object-contain dark:block"
-        draggable={false}
-      />
-      <span aria-hidden="true">Clash</span>
+      <span aria-hidden="true" className="clash-wordmark-c text-brand">
+        C
+      </span>
+      <span aria-hidden="true" className="clash-wordmark-rest">
+        lash
+      </span>
     </span>
   );
 }
diff --git a/packages/web-ui/src/components/landing/LandingNav.test.tsx b/packages/web-ui/src/components/landing/LandingNav.test.tsx
index 98f1bd40..0cbd4830 100644
--- a/packages/web-ui/src/components/landing/LandingNav.test.tsx
+++ b/packages/web-ui/src/components/landing/LandingNav.test.tsx
@@ -32,16 +32,17 @@ describe("LandingNav", () => {
     expect(headerSurface?.className).toContain("clash-control-surface");
   });
 
-  it("uses the current Clash agent logo", () => {
+  it("uses the Clash wordmark with a brand-colored C", () => {
     const { container, getByLabelText } = render(<LandingNav />);
 
     expect(getByLabelText("Clash")).toBeTruthy();
-    expect(
-      container.querySelector('img[src="/brand/logo-mark.svg"]'),
-    ).toBeTruthy();
-    expect(
-      container.querySelector('img[src="/brand/logo-mark-dark.svg"]'),
-    ).toBeTruthy();
-    expect(container.querySelector(".clash-wordmark-slash")).toBeNull();
+    const c = container.querySelector(".clash-wordmark-c");
+    expect(c).toBeTruthy();
+    expect(c?.className).toContain("text-brand");
+    expect(c?.textContent).toBe("C");
+    expect(container.querySelector(".clash-wordmark-rest")?.textContent).toBe(
+      "lash",
+    );
+    expect(container.querySelector('img[src*="/brand/logo-mark"]')).toBeNull();
   });
 });
diff --git a/packages/web-ui/src/components/visualLanguage.test.tsx b/packages/web-ui/src/components/visualLanguage.test.tsx
index 21be1ba5..9c65f5a1 100644
--- a/packages/web-ui/src/components/visualLanguage.test.tsx
+++ b/packages/web-ui/src/components/visualLanguage.test.tsx
@@ -284,14 +284,6 @@ describe("visual language surfaces", () => {
     expect(source).toMatch(/clash-node-badge-draft/);
   });
 
-  it("uses the transparent Clash mark for the browser tab favicon", () => {
-    const favicon = readFileSync(join(process.cwd(), "apps/web/public/favicon.svg"), "utf8");
-    const mark = readFileSync(join(process.cwd(), "apps/web/public/brand/logo-mark.svg"), "utf8");
-
-    expect(favicon).toBe(mark);
-    expect(favicon).not.toMatch(/<rect\s+width="512"\s+height="512"|fill="#F7F6F2"|fill="#FBFAF7"/);
-  });
-
   it("keeps inline canvas node primary actions on Clash node surfaces instead of generic black buttons", () => {
     const source = [
       "packages/web-ui/src/components/nodes/TextNode.tsx",
@@ -517,7 +509,7 @@ describe("visual language surfaces", () => {
     expect(source).toMatch(/clash-hero-stage/);
     expect(source).toMatch(/clash-hero-prompt/);
     expect(source).not.toMatch(/lg:pl-(12|16)|xl:pl-(12|16)/);
-    expect(source).toMatch(/\/brand\/logo-mark-animated\.svg/);
+    expect(source).toMatch(/\/brand\/logo-c-animated\.svg/);
     expect(source).toMatch(/clash-dashboard-shell/);
     expect(source).toMatch(/clash-projects-empty-workbench/);
     expect(source).toMatch(/clash-projects-empty-canvas/);
@@ -723,7 +715,7 @@ describe("visual language surfaces", () => {
     expect(source).toMatch(/error\.code/);
     expect(source).toMatch(/Reload/);
     expect(source).toMatch(/Go home/);
-    expect(source).toMatch(/\/brand\/logo-mark-error\.svg/);
+    expect(source).toMatch(/\/brand\/logo-c-error\.svg/);
     expect(errorMark).toMatch(/aria-label="Clash error logo"/);
     expect(errorMark.match(/stroke-linecap="round"/g)?.length).toBeGreaterThanOrEqual(5);
   });