From 3ee874ccee33fc2e16d1609f52ff4fa7748854f7 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 8 Jun 2026 05:11:32 +0000
Subject: [PATCH] Replace kb-brand with app-wordmark: mark left of invoice text

https://claude.ai/code/session_01MkM7p8Us3L8YAfLKGA13NS
---
 app/index.html | 33 +++++++++++++++------------------
 1 file changed, 15 insertions(+), 18 deletions(-)

diff --git a/app/index.html b/app/index.html
index fd1d26d..e4d585d 100644
--- a/app/index.html
+++ b/app/index.html
@@ -156,13 +156,12 @@
       gap: 16px; padding-bottom: 14px; margin-bottom: 20px;
       border-bottom: 1px solid var(--border);
     }
-    .kb-brand { display: flex; align-items: center; gap: 9px; min-width: 0; }
-    .kb-brand .org { font-size: 14px; font-weight: 600; letter-spacing: -0.01em; color: var(--text-soft); }
-    .kb-brand .logo {
-      height: 28px; width: 28px; flex: 0 0 28px; border-radius: 7px;
-      display: grid; place-items: center; overflow: hidden; opacity: .82;
+    .app-wordmark {
+      display: inline-flex; align-items: center; gap: 8px;
+      font: 700 var(--fs-h1)/1 var(--font-sans);
+      color: var(--text); letter-spacing: -0.01em; user-select: none;
     }
-    .kb-brand .logo svg { width: 28px; height: 28px; display: block; }
+    .app-wordmark svg { flex-shrink: 0; }
 
     .kb-doctitle { text-align: right; }
     .kb-doctitle h1 { margin: 0; font-size: var(--fs-h1); font-weight: 700; letter-spacing: -0.01em; color: var(--text); }
@@ -374,18 +373,16 @@
 
   <!-- Document header -->
   <header class="kb-header">
-    <div class="kb-brand">
-      <span class="logo">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28" role="img" aria-label="Invoice">
-          <rect width="48" height="48" rx="12" fill="var(--accent)"/>
-          <path d="M14 9 H29 L34 14 V39 H14 Z" fill="none" stroke="#fff" stroke-width="3" stroke-linejoin="round"/>
-          <path d="M29 9 V14 H34"             fill="none" stroke="#fff" stroke-width="3" stroke-linejoin="round"/>
-          <path d="M18.5 20 H27"   stroke="#fff" stroke-width="2.6" stroke-linecap="round"/>
-          <path d="M18.5 25 H29.5" stroke="#fff" stroke-width="2.6" stroke-linecap="round" opacity=".55"/>
-          <path d="M18.5 33 H29.5" stroke="#fff" stroke-width="3.2" stroke-linecap="round"/>
-        </svg>
-      </span>
-      <span class="org">invoice</span>
+    <div class="app-wordmark">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28" role="img" aria-label="Invoice">
+        <rect width="48" height="48" rx="12" fill="var(--accent)"/>
+        <path d="M14 9 H29 L34 14 V39 H14 Z" fill="none" stroke="#fff" stroke-width="3" stroke-linejoin="round"/>
+        <path d="M29 9 V14 H34"             fill="none" stroke="#fff" stroke-width="3" stroke-linejoin="round"/>
+        <path d="M18.5 20 H27"   stroke="#fff" stroke-width="2.6" stroke-linecap="round"/>
+        <path d="M18.5 25 H29.5" stroke="#fff" stroke-width="2.6" stroke-linecap="round" opacity=".55"/>
+        <path d="M18.5 33 H29.5" stroke="#fff" stroke-width="3.2" stroke-linecap="round"/>
+      </svg>
+      invoice
     </div>
     <div class="kb-doctitle">
       <h1 id="inv-title">Invoice</h1>