diff --git a/site/assets/mermkit-logo.svg b/site/assets/mermkit-logo.svg
new file mode 100644
index 0000000..b0210fd
--- /dev/null
+++ b/site/assets/mermkit-logo.svg
@@ -0,0 +1,17 @@
+<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="mk_grad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#00C2FF" />
+      <stop offset="100%" stop-color="#00E676" />
+    </linearGradient>
+    <filter id="mk_shadow" x="-20%" y="-20%" width="140%" height="140%" color-interpolation-filters="sRGB">
+      <feDropShadow dx="0" dy="8" stdDeviation="10" flood-color="#0B0F1A" flood-opacity="0.3" />
+    </filter>
+  </defs>
+  <rect x="32" y="32" width="256" height="256" rx="56" fill="#0B0F1A" />
+  <rect x="48" y="48" width="224" height="224" rx="48" fill="#12182B" />
+  <path d="M86 226V94L138 160L160 186L182 160L234 94V226" stroke="url(#mk_grad)" stroke-width="22" stroke-linecap="round" stroke-linejoin="round" filter="url(#mk_shadow)" />
+  <circle cx="86" cy="94" r="8" fill="#00C2FF" />
+  <circle cx="234" cy="94" r="8" fill="#00E676" />
+  <circle cx="160" cy="186" r="6" fill="#7CFFB2" />
+</svg>
diff --git a/site/index.html b/site/index.html
index 070cfbe..7cb8a6a 100644
--- a/site/index.html
+++ b/site/index.html
@@ -334,7 +334,7 @@
 <!-- Hero -->
 <section class="hero">
   <div class="container">
-    <img src="../docs/assets/mermkit-logo.svg" alt="mermkit" />
+    <img src="assets/mermkit-logo.svg" alt="mermkit" />
     <h1>mermkit</h1>
     <p class="tagline">Mermaid rendering for terminals, chats, and CI — with agent-friendly tooling.</p>
     <div class="cta-row">