[object Object]

← back to CelebritySignatures

campaign: overlay text on the photo's open area + signature on all products

03559070a6b04ae0bd4ee23e8d253c578bc80768 · 2026-09-09 12:05:39 -0700 · Steve

- Text (Signed, Mr. Lincoln + copy) now overlays the left negative space of
  the image with a soft ivory scrim (dark ink); mobile falls back to a dark band.
- Regenerated campaign-lincoln.jpg so the hat, tee, and socks all carry the
  signature (were blank).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01U2uvgXWs4FjLd6eDBDNUxP

Files touched

Diff

commit 03559070a6b04ae0bd4ee23e8d253c578bc80768
Author: Steve <steve@designerwallcoverings.com>
Date:   Wed Sep 9 12:05:39 2026 -0700

    campaign: overlay text on the photo's open area + signature on all products
    
    - Text (Signed, Mr. Lincoln + copy) now overlays the left negative space of
      the image with a soft ivory scrim (dark ink); mobile falls back to a dark band.
    - Regenerated campaign-lincoln.jpg so the hat, tee, and socks all carry the
      signature (were blank).
    
    Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
    Claude-Session: https://claude.ai/code/session_01U2uvgXWs4FjLd6eDBDNUxP
---
 public/assets/campaign-lincoln.jpg | Bin 2291268 -> 2292354 bytes
 public/index.html                  |  33 +++++++++++++++++++++++----------
 2 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/public/assets/campaign-lincoln.jpg b/public/assets/campaign-lincoln.jpg
index a495006..b98f0c6 100644
Binary files a/public/assets/campaign-lincoln.jpg and b/public/assets/campaign-lincoln.jpg differ
diff --git a/public/index.html b/public/index.html
index 7cb1b2f..30f12eb 100644
--- a/public/index.html
+++ b/public/index.html
@@ -265,17 +265,30 @@
   .edit-piece .pl { margin-top:9px; font:600 15px 'Playfair Display',Georgia,serif; }
   .edit-piece .pn { font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); margin-top:2px; }
   @media(max-width:640px){ .edit-trio{ grid-template-columns:1fr; max-width:320px; } }
-  .campaign { position:relative; display:grid; grid-template-columns:1fr; background:#141210; color:#f4f1ea; border-bottom:1px solid var(--line); }
-  .campaign .cimg img { width:100%; height:clamp(360px,56vh,640px); object-fit:cover; object-position:center 22%; display:block; }
-  .campaign .ctxt { padding:clamp(30px,5vw,76px); display:flex; flex-direction:column; justify-content:center; gap:15px; }
-  .campaign .ck { font-size:12px; letter-spacing:.26em; text-transform:uppercase; opacity:.6; }
-  .campaign .ch2 { font:400 clamp(26px,4vw,48px)/1.04 'Playfair Display',Georgia,serif; margin:0; }
+  /* full-bleed campaign image with the text OVERLAID in the left open area */
+  .campaign { position:relative; background:#cdbb90; border-bottom:1px solid var(--line); }
+  .campaign .cimg img { width:100%; height:auto; display:block; }
+  .campaign .ctxt { position:absolute; top:0; left:0; bottom:0; width:min(48%,640px);
+    display:flex; flex-direction:column; justify-content:center; gap:14px;
+    padding:clamp(24px,4vw,72px); color:#241d15;
+    background:linear-gradient(90deg, rgba(247,245,240,.62) 0%, rgba(247,245,240,.30) 55%, rgba(247,245,240,0) 82%); }
+  .campaign .ck { font-size:12px; letter-spacing:.26em; text-transform:uppercase; color:#5c5140; }
+  .campaign .ch2 { font:400 clamp(24px,3.4vw,46px)/1.04 'Playfair Display',Georgia,serif; margin:0; color:#1a1410; }
   .campaign .ch2 em { font-style:italic; }
-  .campaign p { opacity:.78; line-height:1.7; max-width:44ch; font-size:14.5px; margin:0; }
-  .campaign a.clink { width:max-content; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#f4f1ea; border-bottom:1px solid rgba(244,241,234,.5); padding-bottom:5px; text-decoration:none; }
-  .campaign a.clink:hover { border-bottom-color:#f4f1ea; }
-  .campaign .rendering { font-size:11px; letter-spacing:.02em; opacity:.5; margin:0; }
-  @media(max-width:760px){ .campaign{ grid-template-columns:1fr; } }
+  .campaign p { line-height:1.7; max-width:34ch; font-size:14px; margin:0; color:#3a3226; }
+  .campaign a.clink { width:max-content; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#1a1410; border-bottom:1px solid rgba(26,20,16,.55); padding-bottom:5px; text-decoration:none; }
+  .campaign a.clink:hover { border-bottom-color:#1a1410; }
+  .campaign .rendering { font-size:11px; letter-spacing:.02em; color:#6b5f4c; margin:0; max-width:34ch; }
+  /* mobile: overlay would crowd — fall back to image on top, dark text band below */
+  @media(max-width:760px){
+    .campaign { background:#141210; }
+    .campaign .ctxt { position:static; width:auto; background:none; color:#f4f1ea; padding:clamp(28px,7vw,44px); }
+    .campaign .ck { color:rgba(244,241,234,.6); }
+    .campaign .ch2 { color:#f4f1ea; }
+    .campaign p { color:rgba(244,241,234,.78); }
+    .campaign a.clink { color:#f4f1ea; border-bottom-color:rgba(244,241,234,.5); }
+    .campaign .rendering { color:rgba(244,241,234,.5); }
+  }
 </style>
 <!-- Google Analytics 4 (G-2HEVP6TD0J) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-2HEVP6TD0J"></script>

← f757861 front page: flip sections — campaign (seated Lincoln) leads,  ·  back to CelebritySignatures  ·  wear: fix Lincoln sock signature — flat/horizontal at the cu 01e407c →