[object Object]

← back to CelebritySignatures

wear: add Signature Edit lookbook promo banner (discoverability)

15e749904a9b98050bb85cbaca9b38acc04b38bc · 2026-09-09 22:30:46 -0700 · Steve

Slim green-accented callout below the header linking /wear → /signature-edit,
so shoppers find the 53-icon worn-shot lookbook.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Files touched

Diff

commit 15e749904a9b98050bb85cbaca9b38acc04b38bc
Author: Steve <steve@designerwallcoverings.com>
Date:   Wed Sep 9 22:30:46 2026 -0700

    wear: add Signature Edit lookbook promo banner (discoverability)
    
    Slim green-accented callout below the header linking /wear → /signature-edit,
    so shoppers find the 53-icon worn-shot lookbook.
    
    Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 public/wear.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/public/wear.html b/public/wear.html
index dc2948c..d60be12 100644
--- a/public/wear.html
+++ b/public/wear.html
@@ -39,6 +39,13 @@
   .disclosure { border:1px solid var(--line); border-left:4px solid var(--green); background:#fff; border-radius:10px; padding:12px 16px; margin:18px 0; font-size:14px; }
   .disclosure.warn { border-left-color:#c58a1a; }
   .disclosure b { font-weight:600; }
+  /* Signature Edit lookbook promo */
+  .edit-promo { display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--ink); background:#fff; border:1px solid var(--green); border-radius:10px; padding:12px 16px; margin:14px 0; font-size:14px; transition:box-shadow .15s, transform .12s; }
+  .edit-promo:hover { box-shadow:0 6px 18px rgba(29,122,54,.12); transform:translateY(-1px); }
+  .edit-promo .ep-star { color:var(--green); font-size:16px; }
+  .edit-promo .ep-txt { flex:1; min-width:0; }
+  .edit-promo .ep-cta { color:var(--green); font-weight:600; white-space:nowrap; letter-spacing:.02em; }
+  @media(max-width:620px){ .edit-promo{ flex-wrap:wrap; } .edit-promo .ep-cta{ width:100%; } }
   /* controls */
   .controls { display:flex; gap:16px; align-items:center; flex-wrap:wrap; margin:14px 0 18px; }
   .controls label { font-size:13px; color:#6b6b6b; display:flex; align-items:center; gap:6px; }
@@ -141,6 +148,7 @@
 
   <div id="disclosure" class="disclosure">Loading trademark screen…</div>
   <p id="selectionNotice" class="disclosure warn" role="status" hidden></p>
+  <a class="edit-promo" href="/signature-edit"><span class="ep-star">✦</span> <span class="ep-txt"><b>The Signature Edit</b> — 53 icons seated in the full look, each wearing their own autograph</span> <span class="ep-cta">Explore the lookbook →</span></a>
 
   <div class="searchbar">
     <span class="ico">🔍</span>

← 7bce96c signature-edit: expand The Signature Edit lookbook from 10 →  ·  back to CelebritySignatures  ·  wear: raise Bucket Hat 32 to 38 to restore margin floor (TK- 1d53030 →