diff --git a/README.md b/README.md
index 8b4d32a2..c3ce7222 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,5 @@
+![KTX mascot](assets/ktx-mascot.png)
+
 # KTX
 
 KTX is a workspace-first context layer for database agents. It stores warehouse
diff --git a/assets/ktx-mascot.png b/assets/ktx-mascot.png
new file mode 100644
index 00000000..9440f1a3
Binary files /dev/null and b/assets/ktx-mascot.png differ
diff --git a/docs-site/components/logo.tsx b/docs-site/components/logo.tsx
index e47cc394..db67a689 100644
--- a/docs-site/components/logo.tsx
+++ b/docs-site/components/logo.tsx
@@ -2,42 +2,12 @@ export function Logo() {
   return (
     <div className="flex items-center gap-2 group">
       <div className="relative flex items-center justify-center transition-transform duration-300 ease-out group-hover:rotate-[-4deg]">
-        <svg
-          width="22"
-          height="22"
-          viewBox="0 0 24 24"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
+        <img
+          src="/brand/ktx-mascot.png"
+          alt=""
           aria-hidden="true"
-        >
-          <defs>
-            <linearGradient id="ktx-grad-a" x1="0" y1="0" x2="24" y2="24" gradientUnits="userSpaceOnUse">
-              <stop offset="0%" stopColor="var(--color-fd-primary)" />
-              <stop offset="100%" stopColor="var(--color-fd-primary)" stopOpacity="0.55" />
-            </linearGradient>
-            <linearGradient id="ktx-grad-b" x1="0" y1="0" x2="24" y2="24" gradientUnits="userSpaceOnUse">
-              <stop offset="0%" stopColor="var(--color-fd-primary)" stopOpacity="0.85" />
-              <stop offset="100%" stopColor="var(--color-fd-primary)" stopOpacity="0.4" />
-            </linearGradient>
-          </defs>
-          {/* Bottom layer */}
-          <path
-            d="M3 17 L12 21.5 L21 17 L12 12.5 Z"
-            fill="url(#ktx-grad-a)"
-            opacity="0.4"
-          />
-          {/* Middle layer */}
-          <path
-            d="M3 12 L12 16.5 L21 12 L12 7.5 Z"
-            fill="url(#ktx-grad-b)"
-            opacity="0.7"
-          />
-          {/* Top layer */}
-          <path
-            d="M3 7 L12 11.5 L21 7 L12 2.5 Z"
-            fill="var(--color-fd-primary)"
-          />
-        </svg>
+          className="h-8 w-8 object-contain"
+        />
       </div>
       <span
         className="text-[15px] font-semibold text-fd-foreground tracking-tight"
diff --git a/docs-site/public/brand/ktx-mascot.png b/docs-site/public/brand/ktx-mascot.png
new file mode 100644
index 00000000..9440f1a3
Binary files /dev/null and b/docs-site/public/brand/ktx-mascot.png differ