diff --git a/webui/src/web-components/mobile-shell.ts b/webui/src/web-components/mobile-shell.ts
index 583549d..ea9c305 100644
--- a/webui/src/web-components/mobile-shell.ts
+++ b/webui/src/web-components/mobile-shell.ts
@@ -151,6 +151,7 @@
         <mobile-title
           .connectionStatus=${this.connectionStatus}
           .isThinking=${isThinking}
+          .skabandAddr=${this.state?.skaband_addr}
         ></mobile-title>
 
         <mobile-chat
diff --git a/webui/src/web-components/mobile-title.ts b/webui/src/web-components/mobile-title.ts
index 95198fa..d000a3f 100644
--- a/webui/src/web-components/mobile-title.ts
+++ b/webui/src/web-components/mobile-title.ts
@@ -10,6 +10,9 @@
   @property({ type: Boolean })
   isThinking = false;
 
+  @property({ type: String })
+  skabandAddr?: string;
+
   static styles = css`
     :host {
       display: block;
@@ -31,6 +34,26 @@
       margin: 0;
     }
 
+    .title a {
+      color: inherit;
+      text-decoration: none;
+      transition: opacity 0.2s ease;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .title a:hover {
+      opacity: 0.8;
+      text-decoration: underline;
+    }
+
+    .title img {
+      width: 18px;
+      height: 18px;
+      border-radius: 3px;
+    }
+
     .status-indicator {
       display: flex;
       align-items: center;
@@ -127,7 +150,18 @@
   render() {
     return html`
       <div class="title-container">
-        <h1 class="title">Sketch</h1>
+        <h1 class="title">
+          ${this.skabandAddr
+            ? html`<a
+                href="${this.skabandAddr}"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                <img src="${this.skabandAddr}/sketch.dev.png" alt="sketch" />
+                Sketch
+              </a>`
+            : html`Sketch`}
+        </h1>
 
         <div class="status-indicator">
           ${this.isThinking
diff --git a/webui/src/web-components/sketch-app-shell.ts b/webui/src/web-components/sketch-app-shell.ts
index 89ebcd5..967f502 100644
--- a/webui/src/web-components/sketch-app-shell.ts
+++ b/webui/src/web-components/sketch-app-shell.ts
@@ -164,6 +164,57 @@
       text-overflow: ellipsis;
     }
 
+    .banner-title a {
+      color: inherit;
+      text-decoration: none;
+      transition: opacity 0.2s ease;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .banner-title a:hover {
+      opacity: 0.8;
+      text-decoration: underline;
+    }
+
+    .banner-title img {
+      width: 20px;
+      height: 20px;
+      border-radius: 3px;
+    }
+
+    /* Mobile-specific styles for banner link */
+    @media (max-width: 768px) {
+      .title-container {
+        max-width: 50%; /* Allow more space on mobile */
+      }
+
+      .banner-title {
+        font-size: 16px; /* Slightly smaller on mobile */
+      }
+
+      .banner-title img {
+        width: 18px;
+        height: 18px;
+      }
+    }
+
+    @media (max-width: 480px) {
+      .title-container {
+        max-width: 60%; /* Even more space on very small screens */
+      }
+
+      .banner-title {
+        font-size: 14px;
+      }
+
+      .banner-title img {
+        width: 16px;
+        height: 16px;
+      }
+    }
+
     .slug-title {
       margin: 0;
       padding: 0;
@@ -1160,7 +1211,21 @@
     return html`
       <div id="top-banner">
         <div class="title-container">
-          <h1 class="banner-title">sketch</h1>
+          <h1 class="banner-title">
+            ${this.containerState?.skaband_addr
+              ? html`<a
+                  href="${this.containerState.skaband_addr}"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  <img
+                    src="${this.containerState.skaband_addr}/sketch.dev.png"
+                    alt="sketch"
+                  />
+                  sketch
+                </a>`
+              : html`sketch`}
+          </h1>
           <h2 class="slug-title">${this.slug}</h2>
         </div>