diff --git a/website/public/heise-logo.svg b/website/public/heise-logo.svg
new file mode 100644
index 0000000..830d5d0
--- /dev/null
+++ b/website/public/heise-logo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
+  <path d="M160,318h0C72.74,318,2,247.26,2,160h0C2,72.74,72.74,2,160,2h0c87.26,0,158,70.74,158,158h0c0,87.26-70.74,158-158,158h0Z" fill="#14315b"/>
+  <path d="M228.36,153.65c14.39,6.71,20.62,23.81,13.9,38.2l-24,51.46c-6.71,14.39-23.81,20.61-38.2,13.9-14.39-6.71-20.62-23.82-13.9-38.2l23.99-51.46c6.71-14.39,23.82-20.61,38.2-13.9h0M182.43,62.84h0c-14.39-6.71-31.49-.48-38.2,13.9l-66.34,142.26c-6.71,14.39-.48,31.49,13.9,38.2,14.39,6.71,31.49.48,38.2-13.9l66.34-142.26c6.71-14.39.48-31.5-13.9-38.2" fill="#fff"/>
+</svg>
diff --git a/website/src/components/footer.js b/website/src/components/footer.js
index 03e1daf..eeeaa1f 100644
--- a/website/src/components/footer.js
+++ b/website/src/components/footer.js
@@ -102,6 +102,26 @@ export function renderFooter(version) {
               <span class="text-xs text-[var(--color-text-secondary)]">rabauer.dev (EN)</span>
             </a>
           </div>
+          <div class="flex flex-wrap items-center justify-center gap-2 pt-1">
+            <span class="text-xs text-[var(--color-text-secondary)]" data-i18n="footer.featuredIn">${i18n.t('footer.featuredIn')}</span>
+            <a
+              href="https://www.heise.de/news/Semantische-Anker-verkuerzen-den-Kontext-fuer-das-agentische-Coden-11311061.html"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="inline-flex items-center gap-1.5 hover:opacity-80 transition-opacity rounded bg-white px-1.5 py-0.5"
+              title="${i18n.t('footer.heiseAlt')}"
+            >
+              <img
+                src="${import.meta.env.BASE_URL}heise-logo.svg"
+                alt="heise online"
+                width="24"
+                height="21"
+                class="h-5 w-auto"
+                loading="lazy"
+              />
+              <span class="text-xs text-gray-700">heise online (DE)</span>
+            </a>
+          </div>
         </div>
       </div>
     </footer>
diff --git a/website/src/translations/de.json b/website/src/translations/de.json
index 6f16d7a..66fcb03 100644
--- a/website/src/translations/de.json
+++ b/website/src/translations/de.json
@@ -88,6 +88,8 @@
   "footer.asSeenOn": "Zu Gast bei",
   "footer.hmzeAlt": "HMZE Podcast — Beyond Vibe Coding",
   "footer.rabauerAlt": "rabauer.dev — Live-Coding-Session: From Vibe Coding to a Real Java App (Englisch)",
+  "footer.featuredIn": "Bekannt aus",
+  "footer.heiseAlt": "heise online — Semantische Anker verkürzen den Kontext für das agentische Coden",
   "categories.communication-presentation": "Kommunikation & Präsentation",
   "categories.design-principles": "Design-Prinzipien & Muster",
   "categories.development-workflow": "Entwicklungs-Workflow",
diff --git a/website/src/translations/en.json b/website/src/translations/en.json
index e979245..ca93e95 100644
--- a/website/src/translations/en.json
+++ b/website/src/translations/en.json
@@ -88,6 +88,8 @@
   "footer.asSeenOn": "As seen on",
   "footer.hmzeAlt": "HMZE Podcast — Beyond Vibe Coding (German)",
   "footer.rabauerAlt": "rabauer.dev — Live coding session: From Vibe Coding to a Real Java App (English)",
+  "footer.featuredIn": "Featured in",
+  "footer.heiseAlt": "heise online — Semantic Anchors shorten the context for agentic coding (German)",
   "categories.communication-presentation": "Communication & Presentation",
   "categories.design-principles": "Design Principles & Patterns",
   "categories.development-workflow": "Development Workflow",