diff --git a/assets/ktx-mascot-dark.svg b/assets/ktx-mascot-dark.svg
new file mode 100644
index 00000000..96603a15
--- /dev/null
+++ b/assets/ktx-mascot-dark.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="ktx mascot">
+  <g fill="none" stroke="#F5F1EA" stroke-width="16" stroke-linecap="round">
+    <path d="M 62 110 Q 32 130 44 152"/>
+    <path d="M 88 116 Q 80 152 70 174"/>
+    <path d="M 112 116 Q 120 152 130 174"/>
+  </g>
+  <path d="M 134 108 C 162 116, 172 96, 162 78 C 154 64, 168 56, 178 60" fill="none" stroke="#FF8A4C" stroke-width="16" stroke-linecap="round"/>
+  <path d="M 48 102 C 48 56, 78 30, 100 30 C 122 30, 152 56, 152 102 C 152 116, 132 120, 100 120 C 68 120, 48 116, 48 102 Z" fill="#F5F1EA"/>
+  <path d="M 80 84 Q 86 77 92 84" fill="none" stroke="#1B3139" stroke-width="3.5" stroke-linecap="round"/>
+  <path d="M 108 84 Q 114 77 120 84" fill="none" stroke="#1B3139" stroke-width="3.5" stroke-linecap="round"/>
+</svg>
diff --git a/assets/ktx-mascot.svg b/assets/ktx-mascot.svg
new file mode 100644
index 00000000..0c20f577
--- /dev/null
+++ b/assets/ktx-mascot.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="ktx mascot">
+  <g fill="none" stroke="#1B3139" stroke-width="16" stroke-linecap="round">
+    <path d="M 62 110 Q 32 130 44 152"/>
+    <path d="M 88 116 Q 80 152 70 174"/>
+    <path d="M 112 116 Q 120 152 130 174"/>
+  </g>
+  <path d="M 134 108 C 162 116, 172 96, 162 78 C 154 64, 168 56, 178 60" fill="none" stroke="#FF8A4C" stroke-width="16" stroke-linecap="round"/>
+  <path d="M 48 102 C 48 56, 78 30, 100 30 C 122 30, 152 56, 152 102 C 152 116, 132 120, 100 120 C 68 120, 48 116, 48 102 Z" fill="#1B3139"/>
+  <path d="M 80 84 Q 86 77 92 84" fill="none" stroke="#F5F1EA" stroke-width="3.5" stroke-linecap="round"/>
+  <path d="M 108 84 Q 114 77 120 84" fill="none" stroke="#F5F1EA" stroke-width="3.5" stroke-linecap="round"/>
+</svg>
diff --git a/docs-site/components/logo.tsx b/docs-site/components/logo.tsx
index db67a689..4ab8f8ba 100644
--- a/docs-site/components/logo.tsx
+++ b/docs-site/components/logo.tsx
@@ -1,22 +1,28 @@
 export function Logo() {
   return (
-    <div className="flex items-center gap-2 group">
+    <div className="flex items-center gap-2.5 group">
       <div className="relative flex items-center justify-center transition-transform duration-300 ease-out group-hover:rotate-[-4deg]">
         <img
-          src="/brand/ktx-mascot.png"
+          src="/brand/ktx-mascot.svg"
           alt=""
           aria-hidden="true"
-          className="h-8 w-8 object-contain"
+          className="h-14 w-14 object-contain block dark:hidden"
+        />
+        <img
+          src="/brand/ktx-mascot-dark.svg"
+          alt=""
+          aria-hidden="true"
+          className="h-14 w-14 object-contain hidden dark:block"
         />
       </div>
       <span
-        className="text-[15px] font-semibold text-fd-foreground tracking-tight"
+        className="text-[17px] font-semibold text-fd-foreground tracking-tight"
         style={{ fontFamily: "var(--font-display), var(--font-sans), sans-serif" }}
       >
         KTX
       </span>
       <span
-        className="text-[13px] font-medium text-fd-muted-foreground/80 tracking-tight border-l border-fd-border pl-2 ml-0.5"
+        className="text-[14px] font-medium text-fd-muted-foreground/80 tracking-tight border-l border-fd-border pl-2 ml-0.5"
         style={{ fontFamily: "var(--font-display), var(--font-sans), sans-serif" }}
       >
         Docs
diff --git a/docs-site/next-env.d.ts b/docs-site/next-env.d.ts
index 9edff1c7..c4b7818f 100644
--- a/docs-site/next-env.d.ts
+++ b/docs-site/next-env.d.ts
@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/docs-site/public/brand/ktx-mascot-dark.svg b/docs-site/public/brand/ktx-mascot-dark.svg
new file mode 100644
index 00000000..96603a15
--- /dev/null
+++ b/docs-site/public/brand/ktx-mascot-dark.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="ktx mascot">
+  <g fill="none" stroke="#F5F1EA" stroke-width="16" stroke-linecap="round">
+    <path d="M 62 110 Q 32 130 44 152"/>
+    <path d="M 88 116 Q 80 152 70 174"/>
+    <path d="M 112 116 Q 120 152 130 174"/>
+  </g>
+  <path d="M 134 108 C 162 116, 172 96, 162 78 C 154 64, 168 56, 178 60" fill="none" stroke="#FF8A4C" stroke-width="16" stroke-linecap="round"/>
+  <path d="M 48 102 C 48 56, 78 30, 100 30 C 122 30, 152 56, 152 102 C 152 116, 132 120, 100 120 C 68 120, 48 116, 48 102 Z" fill="#F5F1EA"/>
+  <path d="M 80 84 Q 86 77 92 84" fill="none" stroke="#1B3139" stroke-width="3.5" stroke-linecap="round"/>
+  <path d="M 108 84 Q 114 77 120 84" fill="none" stroke="#1B3139" stroke-width="3.5" stroke-linecap="round"/>
+</svg>
diff --git a/docs-site/public/brand/ktx-mascot.png b/docs-site/public/brand/ktx-mascot.png
deleted file mode 100644
index 9440f1a3..00000000
Binary files a/docs-site/public/brand/ktx-mascot.png and /dev/null differ
diff --git a/docs-site/public/brand/ktx-mascot.svg b/docs-site/public/brand/ktx-mascot.svg
new file mode 100644
index 00000000..0c20f577
--- /dev/null
+++ b/docs-site/public/brand/ktx-mascot.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="ktx mascot">
+  <g fill="none" stroke="#1B3139" stroke-width="16" stroke-linecap="round">
+    <path d="M 62 110 Q 32 130 44 152"/>
+    <path d="M 88 116 Q 80 152 70 174"/>
+    <path d="M 112 116 Q 120 152 130 174"/>
+  </g>
+  <path d="M 134 108 C 162 116, 172 96, 162 78 C 154 64, 168 56, 178 60" fill="none" stroke="#FF8A4C" stroke-width="16" stroke-linecap="round"/>
+  <path d="M 48 102 C 48 56, 78 30, 100 30 C 122 30, 152 56, 152 102 C 152 116, 132 120, 100 120 C 68 120, 48 116, 48 102 Z" fill="#1B3139"/>
+  <path d="M 80 84 Q 86 77 92 84" fill="none" stroke="#F5F1EA" stroke-width="3.5" stroke-linecap="round"/>
+  <path d="M 108 84 Q 114 77 120 84" fill="none" stroke="#F5F1EA" stroke-width="3.5" stroke-linecap="round"/>
+</svg>