[object Object]

← back to Dw Yolo Loop

Brands page: design-panel synthesis (graphic-designer 4/5 + interior-designer) — chip min-width+double shadow, object-position center, tighter heading tracking

7863e7dda5443cb77ffaa0968450c7c5a29a3f4c · 2026-06-13 09:25:59 -0700 · Steve Abrams

Files touched

Diff

commit 7863e7dda5443cb77ffaa0968450c7c5a29a3f4c
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Sat Jun 13 09:25:59 2026 -0700

    Brands page: design-panel synthesis (graphic-designer 4/5 + interior-designer) — chip min-width+double shadow, object-position center, tighter heading tracking
---
 scripts/brands-page/build-brands.cjs     | 6 +++---
 scripts/brands-page/page-brands-new.html | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/scripts/brands-page/build-brands.cjs b/scripts/brands-page/build-brands.cjs
index a8ec804..7dcd2a2 100644
--- a/scripts/brands-page/build-brands.cjs
+++ b/scripts/brands-page/build-brands.cjs
@@ -59,15 +59,15 @@ const css=`<style>
 .page-content.rte{max-width:100%!important;padding:0!important;margin:0!important}
 .template-page .main-content,.template-page .page-width,.template-page .main-content .grid{max-width:100%!important;padding:0!important}
 .dw-brand-head{text-align:center;padding:34px 20px 8px}
-.dw-brand-head h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(26px,3vw,36px);font-weight:600;color:#1c1c1c;margin:0 0 6px;letter-spacing:.01em}
+.dw-brand-head h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(26px,3vw,36px);font-weight:600;color:#1a1a1a;margin:0 0 6px;letter-spacing:-.01em}
 .dw-brand-head p{font-family:-apple-system,'Segoe UI',Roboto,sans-serif;font-size:13px;color:#8a8a8a;margin:0}
 .dw-brand-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:10px!important;padding:14px 22px 52px!important;max-width:1400px!important;margin:0 auto!important}
 .dw-brand-card{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#fff;border:1px solid #e7e7e7;border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .18s,box-shadow .18s}
 .dw-brand-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.16)}
 .dw-bg{position:absolute;inset:0;display:block}
-.dw-bg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
+.dw-bg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .45s ease}
 .dw-brand-card:hover .dw-bg img{transform:scale(1.05)}
-.dw-chip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66%;min-height:52px;background:rgba(255,255,255,.96);border-radius:10px;padding:12px 14px;box-shadow:0 6px 20px rgba(0,0,0,.18),0 1px 0 rgba(255,255,255,.6) inset;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
+.dw-chip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66%;min-width:120px;min-height:52px;background:rgba(255,255,255,.96);border-radius:10px;padding:12px 14px;box-shadow:0 8px 22px rgba(0,0,0,.16),0 2px 6px rgba(0,0,0,.10),0 1px 0 rgba(255,255,255,.65) inset;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
 .dw-chip img{max-width:100%;max-height:44px;object-fit:contain;display:block;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.18))}
 .dw-dard .dw-chip,.dw-dark .dw-chip{background:rgba(22,22,22,.92)}
 .dw-brand-logo{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:22px 20px}
diff --git a/scripts/brands-page/page-brands-new.html b/scripts/brands-page/page-brands-new.html
index d5119bb..29c31ed 100644
--- a/scripts/brands-page/page-brands-new.html
+++ b/scripts/brands-page/page-brands-new.html
@@ -3,15 +3,15 @@
 .page-content.rte{max-width:100%!important;padding:0!important;margin:0!important}
 .template-page .main-content,.template-page .page-width,.template-page .main-content .grid{max-width:100%!important;padding:0!important}
 .dw-brand-head{text-align:center;padding:34px 20px 8px}
-.dw-brand-head h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(26px,3vw,36px);font-weight:600;color:#1c1c1c;margin:0 0 6px;letter-spacing:.01em}
+.dw-brand-head h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(26px,3vw,36px);font-weight:600;color:#1a1a1a;margin:0 0 6px;letter-spacing:-.01em}
 .dw-brand-head p{font-family:-apple-system,'Segoe UI',Roboto,sans-serif;font-size:13px;color:#8a8a8a;margin:0}
 .dw-brand-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:10px!important;padding:14px 22px 52px!important;max-width:1400px!important;margin:0 auto!important}
 .dw-brand-card{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#fff;border:1px solid #e7e7e7;border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .18s,box-shadow .18s}
 .dw-brand-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.16)}
 .dw-bg{position:absolute;inset:0;display:block}
-.dw-bg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
+.dw-bg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .45s ease}
 .dw-brand-card:hover .dw-bg img{transform:scale(1.05)}
-.dw-chip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66%;min-height:52px;background:rgba(255,255,255,.96);border-radius:10px;padding:12px 14px;box-shadow:0 6px 20px rgba(0,0,0,.18),0 1px 0 rgba(255,255,255,.6) inset;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
+.dw-chip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66%;min-width:120px;min-height:52px;background:rgba(255,255,255,.96);border-radius:10px;padding:12px 14px;box-shadow:0 8px 22px rgba(0,0,0,.16),0 2px 6px rgba(0,0,0,.10),0 1px 0 rgba(255,255,255,.65) inset;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
 .dw-chip img{max-width:100%;max-height:44px;object-fit:contain;display:block;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.18))}
 .dw-dard .dw-chip,.dw-dark .dw-chip{background:rgba(22,22,22,.92)}
 .dw-brand-logo{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:22px 20px}

← a249bd7 Brands page: apply graphic-designer pass — uniform logo chip  ·  back to Dw Yolo Loop  ·  Brands page DTD-C: upgrade 8 flat-swatch tiles to settlement 454032f →