diff --git a/assets/apple-touch-icon.png b/assets/apple-touch-icon.png
new file mode 100644
index 0000000..ed00159
Binary files /dev/null and b/assets/apple-touch-icon.png differ
diff --git a/assets/favicon-16x16.png b/assets/favicon-16x16.png
new file mode 100644
index 0000000..643b1b1
Binary files /dev/null and b/assets/favicon-16x16.png differ
diff --git a/assets/favicon-32x32.png b/assets/favicon-32x32.png
new file mode 100644
index 0000000..2d49e5c
Binary files /dev/null and b/assets/favicon-32x32.png differ
diff --git a/assets/favicon.ico b/assets/favicon.ico
new file mode 100644
index 0000000..2b300b6
Binary files /dev/null and b/assets/favicon.ico differ
diff --git a/assets/favicon.svg b/assets/favicon.svg
new file mode 100644
index 0000000..d16e22c
--- /dev/null
+++ b/assets/favicon.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="Summon">
+  <rect width="32" height="32" fill="#ffffff"/>
+  <text x="4" y="24" font-family="Arial Black, Arial, Helvetica, sans-serif" font-size="20" font-weight="900" fill="#000000">S</text>
+  <circle cx="25" cy="23" r="2.4" fill="#000000"/>
+</svg>
diff --git a/assets/logo.svg b/assets/logo.svg
new file mode 100644
index 0000000..a282c30
--- /dev/null
+++ b/assets/logo.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" role="img" aria-label="Summon">
+  <rect width="120" height="120" fill="#ffffff"/>
+  <text x="14" y="86" font-family="Arial Black, Arial, Helvetica, sans-serif" font-size="76" font-weight="900" fill="#000000">S</text>
+  <circle cx="92" cy="80" r="8" fill="#000000"/>
+</svg>
diff --git a/index.html b/index.html
index dca73ca..c025242 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,12 @@
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, user-scalable=no">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="default">
-<title>TaskBoard — Prototype</title>
+<title>Summon</title>
+<link rel="icon" href="/assets/favicon.ico" sizes="any">
+<link rel="icon" href="/assets/favicon.svg" type="image/svg+xml">
+<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
 <style>
   :root{
     --bg:#f6f7f9; --surface:#ffffff; --ink:#1a1d23; --ink-2:#5b626e; --ink-3:#9aa1ac;
@@ -38,7 +43,9 @@
           box-shadow:0 5px 16px rgba(20,24,35,.32)}
   .sbshow:hover{background:#23262e}
   body.sbhide .sbshow{display:flex}
-  .sblogo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#3b6ef6,#9b8cff);margin-bottom:12px;flex:none}
+  .sblogo{width:30px;height:30px;border-radius:9px;margin-bottom:12px;flex:none;
+          display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}
+  .sblogo svg{width:100%;height:100%;display:block}
   .sbicon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#9aa1ac;flex:none}
   .sbicon:hover{background:rgba(255,255,255,.08);color:#fff}
   .sbicon.active{background:rgba(255,255,255,.13);color:#fff}
@@ -644,7 +651,13 @@
 <body>
 
 <aside class="sidebar">
-  <div class="sblogo"></div>
+  <div class="sblogo" aria-label="Summon">
+    <svg viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true">
+      <rect width="120" height="120" fill="#ffffff"/>
+      <text x="14" y="86" font-family="Arial Black, Arial, Helvetica, sans-serif" font-size="76" font-weight="900" fill="#000000">S</text>
+      <circle cx="92" cy="80" r="8" fill="#000000"/>
+    </svg>
+  </div>
   <button class="sbicon" id="sbsearch" title="Search tasks" onclick="toggleSearch()">
     <svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><circle cx="9" cy="9" r="5.4"/><path d="M13.4 13.4 17 17"/></svg>
   </button>
diff --git a/tests/smoke.test.js b/tests/smoke.test.js
index a3f9aa0..e7b19b0 100644
--- a/tests/smoke.test.js
+++ b/tests/smoke.test.js
@@ -7,6 +7,9 @@ describe("project layout", () => {
     expect(html).toContain('<script type="module" src="src/app/main.js">');
     expect(html).not.toContain("<script>\n/* ================= sample data");
     expect(html).toContain('onclick="addProject()"');
+    expect(html).toContain('href="/assets/favicon.ico"');
+    expect(html).toContain('class="sblogo"');
+    expect(html).toContain('aria-label="Summon"');
   });
 
   it("exports core lib modules", async () => {
