Add WolfDB logo + README banner

ATOM00blue · ATOM00blue · commit 58f4bc9770eb · 2026-05-31T14:29:26.000+05:30
- Hand-drawn wolf-profile mark with crescent moon (night/time motif), ink/bone/amber palette
- README header banner: wolf + wordmark + tagline + feature chips + a 'valid time' fact timeline
- assets/logo.svg, assets/banner.svg (scalable SVG, render natively on GitHub)
diff --git a/README.md b/README.md
@@ -1,4 +1,6 @@
-# WolfDB 🐺
+<p align="center">
+  <img src="assets/banner.svg" alt="WolfDB — the temporal memory database for AI agents" width="820">
+</p>
 
 **The open-source, object-storage-native, bi-temporal memory database for AI agents.**
 
diff --git a/assets/banner.svg b/assets/banner.svg
@@ -0,0 +1,72 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 300" width="1200" height="300" role="img" aria-label="WolfDB — the temporal memory database for AI agents" font-family="'Segoe UI', system-ui, -apple-system, Helvetica, Arial, sans-serif">
+  <defs>
+    <linearGradient id="bbg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#0A0E1A"/>
+      <stop offset="1" stop-color="#0E1430"/>
+    </linearGradient>
+    <radialGradient id="bglow" cx="0.12" cy="0.4" r="0.5">
+      <stop offset="0" stop-color="#E7C879" stop-opacity="0.16"/>
+      <stop offset="1" stop-color="#E7C879" stop-opacity="0"/>
+    </radialGradient>
+    <linearGradient id="word" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="#FFFFFF"/>
+      <stop offset="1" stop-color="#CDD4EC"/>
+    </linearGradient>
+    <linearGradient id="bink" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#10162E"/>
+      <stop offset="1" stop-color="#080B18"/>
+    </linearGradient>
+    <linearGradient id="bfur" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#F1ECDD"/>
+      <stop offset="1" stop-color="#C9CEDE"/>
+    </linearGradient>
+  </defs>
+
+  <rect width="1200" height="300" fill="url(#bbg)"/>
+  <rect width="1200" height="300" fill="url(#bglow)"/>
+
+  <!-- timeline motif: facts asserted along a time axis -->
+  <g>
+    <line x1="300" y1="258" x2="1150" y2="258" stroke="#283357" stroke-width="2"/>
+    <g stroke="#283357" stroke-width="2">
+      <line x1="360" y1="252" x2="360" y2="264"/><line x1="480" y1="252" x2="480" y2="264"/>
+      <line x1="600" y1="252" x2="600" y2="264"/><line x1="720" y1="252" x2="720" y2="264"/>
+      <line x1="840" y1="252" x2="840" y2="264"/><line x1="960" y1="252" x2="960" y2="264"/>
+      <line x1="1080" y1="252" x2="1080" y2="264"/>
+    </g>
+    <circle cx="420" cy="258" r="4.5" fill="#E7C879"/><circle cx="600" cy="258" r="4.5" fill="#E7C879"/>
+    <circle cx="660" cy="258" r="4.5" fill="#E7C879"/><circle cx="900" cy="258" r="4.5" fill="#E7C879"/>
+    <text x="1150" y="247" text-anchor="end" font-size="13" fill="#5B6794">valid time &#8594;</text>
+  </g>
+
+  <!-- logo mark (new wolf profile) -->
+  <g transform="translate(52 50) scale(0.80)">
+    <rect x="10" y="10" width="236" height="236" rx="54" fill="url(#bink)" stroke="#28335E" stroke-width="2"/>
+    <circle cx="186" cy="66" r="20" fill="#E7C879" opacity="0.9"/>
+    <circle cx="178" cy="61" r="20" fill="#0C1126"/>
+    <path d="M40 150 L102 122 L126 118 L148 50 L170 118 L184 126 L208 146 L191 156 L210 180
+             L193 190 L202 212 L168 214 L150 198 L130 216 L110 198 L90 180 L64 170 L46 160 Z"
+          fill="url(#bfur)" stroke="#070A16" stroke-width="3" stroke-linejoin="round"/>
+    <path d="M138 92 L148 62 L160 108 Z" fill="#0C1126"/>
+    <path d="M96 128 q14 -6 22 1 q-12 7 -22 -1 Z" fill="#0C1126"/>
+    <circle cx="104" cy="129" r="3.4" fill="#E7C879"/>
+    <circle cx="44" cy="151" r="4.5" fill="#0C1126"/>
+    <path d="M48 162 L96 166" fill="none" stroke="#0C1126" stroke-width="3" stroke-linecap="round"/>
+  </g>
+
+  <!-- wordmark + tagline -->
+  <text x="300" y="138" font-size="92" font-weight="800" letter-spacing="-3" fill="url(#word)">WolfDB</text>
+  <text x="304" y="182" font-size="26" fill="#9AA6CC">The temporal memory database for AI agents</text>
+
+  <!-- feature chips -->
+  <g font-size="15" fill="#C2CBEC" text-anchor="middle">
+    <rect x="304" y="206" width="132" height="30" rx="15" fill="#FFFFFF" fill-opacity="0.06" stroke="#FFFFFF" stroke-opacity="0.12"/>
+    <text x="370" y="226">bi-temporal</text>
+    <rect x="446" y="206" width="210" height="30" rx="15" fill="#FFFFFF" fill-opacity="0.06" stroke="#FFFFFF" stroke-opacity="0.12"/>
+    <text x="551" y="226">object-storage-native</text>
+    <rect x="666" y="206" width="140" height="30" rx="15" fill="#FFFFFF" fill-opacity="0.06" stroke="#FFFFFF" stroke-opacity="0.12"/>
+    <text x="736" y="226">hybrid recall</text>
+    <rect x="816" y="206" width="138" height="30" rx="15" fill="#FFFFFF" fill-opacity="0.06" stroke="#FFFFFF" stroke-opacity="0.12"/>
+    <text x="885" y="226">git-like history</text>
+  </g>
+</svg>
diff --git a/assets/logo.svg b/assets/logo.svg
@@ -0,0 +1,37 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256" role="img" aria-label="WolfDB logo">
+  <defs>
+    <linearGradient id="ink" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#10162E"/>
+      <stop offset="1" stop-color="#080B18"/>
+    </linearGradient>
+    <linearGradient id="fur" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#F1ECDD"/>
+      <stop offset="1" stop-color="#C9CEDE"/>
+    </linearGradient>
+  </defs>
+
+  <rect x="10" y="10" width="236" height="236" rx="54" fill="url(#ink)" stroke="#28335E" stroke-width="2"/>
+
+  <!-- moon accent (night / time) -->
+  <circle cx="186" cy="66" r="20" fill="#E7C879" opacity="0.9"/>
+  <circle cx="178" cy="61" r="20" fill="#0C1126"/>
+
+  <!-- wolf head, profile facing left, with fur ruff -->
+  <path d="M40 150
+           L102 122 L126 118 L148 50 L170 118 L184 126
+           L208 146 L191 156 L210 180 L193 190 L202 212
+           L168 214 L150 198 L130 216 L110 198 L90 180
+           L64 170 L46 160 Z"
+        fill="url(#fur)" stroke="#070A16" stroke-width="3" stroke-linejoin="round"/>
+
+  <!-- inner ear -->
+  <path d="M138 92 L148 62 L160 108 Z" fill="#0C1126"/>
+
+  <!-- eye -->
+  <path d="M96 128 q14 -6 22 1 q-12 7 -22 -1 Z" fill="#0C1126"/>
+  <circle cx="104" cy="129" r="3.4" fill="#E7C879"/>
+
+  <!-- nose + mouth (drawn) -->
+  <circle cx="44" cy="151" r="4.5" fill="#0C1126"/>
+  <path d="M48 162 L96 166" fill="none" stroke="#0C1126" stroke-width="3" stroke-linecap="round"/>
+</svg>
