Index: src/views/partials/topnav.ejs
===================================================================
--- src/views/partials/topnav.ejs	(revision a3169f5e702f9a97c0b79d0d05f86b37f0c7dde4)
+++ src/views/partials/topnav.ejs	(revision d352b63ed330759311cf343a8ef830d22716d7b1)
@@ -31,5 +31,7 @@
             HTMX, zodat de headerloze overview correct rendert). Eigen class want
             .site-title is overal display:none. %>
-        <a class="nav-hub-home" href="/" aria-label="Naar de hub-home"><%= (typeof hubTitle !== 'undefined' && hubTitle) ? hubTitle : 'Home' %></a>
+        <a class="nav-hub-home" href="/" aria-label="Home" title="Home">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
+        </a>
       <% } else if (site) { %>
         <a class="site-title" href="<%= _siteUrlBase %>/"
@@ -236,10 +238,12 @@
 /* Hub-home brand is WÉL zichtbaar — de thuisknop op artiest-/hub-pagina's. */
 .masthead-brand .nav-hub-home {
-  display: inline-block; vertical-align: middle;
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 40px; height: 40px;
   color: var(--ink); text-decoration: none;
-  font-family: var(--font-display, serif); font-weight: 700; font-size: 1.05rem;
-  transition: color 120ms;
-}
-.masthead-brand .nav-hub-home:hover { color: var(--accent); }
+  border-radius: 8px;
+  transition: color 120ms, background 120ms;
+}
+.masthead-brand .nav-hub-home:hover { color: var(--accent); background: var(--paper-2); }
+.masthead-brand .nav-hub-home svg { width: 22px; height: 22px; }
 
 /* On mobile, hide the entire masthead except for admin pages. The brand