From 5182494723e4229f34c5dbdc914cf55a529dd74a Mon Sep 17 00:00:00 2001
From: amcheste-ai-agent <278991699+amcheste-ai-agent@users.noreply.github.com>
Date: Tue, 12 May 2026 06:58:27 -0400
Subject: [PATCH] fix(banner): shrink .stack text to clear the monogram
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The brand banner's bottom-right content stack (PHILOSOPHIES ·
WORKFLOWS · CI AUTOMATION · AI-AMPLIFIED) was running into the A·ε·C
monogram square because my stylesheet pass on the SVG used a larger
font-size (18px) and wider tracking (0.22em) than Claude Design's
original render. With those values, the 54-character uppercase string
overflowed the ~772px available between x=1444 (right panel start)
and x=2216 (monogram start), so "AI-AMPLI" was being clipped by the
monogram.

Tune: font-size 18px → 14px, letter-spacing 0.22em → 0.18em. The
text now fits comfortably with breathing room before the monogram.
Brand voice (uppercase tracked sans) is preserved; only the
metrics changed.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Co-Authored-By: amcheste <13696614+amcheste@users.noreply.github.com>
---
 assets/banner.svg | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/banner.svg b/assets/banner.svg
index 38520ae..aa5d036 100644
--- a/assets/banner.svg
+++ b/assets/banner.svg
@@ -66,11 +66,11 @@
       }
       .stack {
         font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
-        font-size: 18px;
+        font-size: 14px;
         font-weight: 500;
         fill: rgba(255, 255, 255, 0.55);
         text-transform: uppercase;
-        letter-spacing: 0.22em;
+        letter-spacing: 0.18em;
       }
       .monogram-letter {
         font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;