Rebrand: original BubbesBlock logo (row-of-homes + heart) + warm mulberry palette; drop Nextdoor-style green house mark

552f29c18731239b951ff6e523f581fe71396d14 · 2026-06-19 15:39:10 -0700 · Steve
Files touched

M public/chrome.js
M public/styles.css
Diff

commit 552f29c18731239b951ff6e523f581fe71396d14
Author: Steve <steve@designerwallcoverings.com>
Date:   Fri Jun 19 15:39:10 2026 -0700

    Rebrand: original BubbesBlock logo (row-of-homes + heart) + warm mulberry palette; drop Nextdoor-style green house mark
---
 public/chrome.js  | 6 ++++--
 public/styles.css | 7 ++++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/public/chrome.js b/public/chrome.js
index fb87111..d88f29e 100644
--- a/public/chrome.js
+++ b/public/chrome.js
@@ -8,14 +8,16 @@ const ICON = {
   history:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l9 6-9 6-9-6 9-6z"/><path d="M3 13l9 6 9-6"/></svg>',
   candle:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2c1 1.5 1 3-0 4-1-1-1-2.5 0-4z"/><path d="M9 8h6v12H9z"/><path d="M7 20h10"/></svg>',
   book:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 5h14v14l-7-3-7 3z"/></svg>',
-  opps:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7h18v13H3z"/><path d="M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><path d="M3 12h18"/></svg>'
+  opps:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7h18v13H3z"/><path d="M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><path d="M3 12h18"/></svg>',
+  // BubbesBlock original brand mark: a row of homes (a "block") crowned with a heart. NOT a Nextdoor house.
+  brand:'<svg viewBox="0 0 32 24" fill="#fff" aria-label="BubbesBlock"><rect x="2.5" y="12.5" width="7" height="9" rx="1"/><rect x="12.5" y="12.5" width="7" height="9" rx="1"/><rect x="22.5" y="12.5" width="7" height="9" rx="1"/><path d="M1.6 12.8 6 8.4l4.4 4.4z"/><path d="M11.6 12.8 16 8.4l4.4 4.4z"/><path d="M21.6 12.8 26 8.4l4.4 4.4z"/><rect x="4.6" y="15" width="2.4" height="2.4" rx=".4" fill="#9c3c63"/><rect x="14.6" y="15" width="2.4" height="2.4" rx=".4" fill="#9c3c63"/><rect x="24.6" y="15" width="2.4" height="2.4" rx=".4" fill="#9c3c63"/><path d="M16 3c-1-1.7-3.7-1.2-3.7 1 0 1.5 2.2 2.9 3.7 3.9 1.5-1 3.7-2.4 3.7-3.9 0-2.2-2.7-2.7-3.7-1z"/></svg>'
 };
 // page-aware active state for nav
 const PATH = (typeof location !== 'undefined') ? location.pathname : '/';
 
 function topbar(me){
   return `<header class="topbar">
-    <a class="brand" href="/"><span class="house">${ICON.house.replace('currentColor','#fff')}</span>BubbesBlock<small>♥ your block</small></a>
+    <a class="brand" href="/"><span class="house">${ICON.brand}</span>BubbesBlock<small>♥ your block</small></a>
     <div class="search">
       <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></svg>
       <input placeholder="Search your block — neighbors, favors, history…" />
diff --git a/public/styles.css b/public/styles.css
index 90cb725..d676f6f 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -1,5 +1,6 @@
 :root{
-  --green:#00874b; --green-dark:#006c3c; --green-tint:#e9f6ee;
+  /* BubbesBlock brand — warm heritage mulberry (deliberately NOT Nextdoor green) */
+  --green:#9c3c63; --green-dark:#79294a; --green-tint:#f7e8ef;
   --plum:#7a3f6e; --plum-tint:#f4eaf2; --amber:#b8862f; --amber-tint:#f8efdb;
   --ink:#1b1b1b; --muted:#65676b; --line:#e4e6ea; --bg:#f3f1ec; --card:#ffffff;
   --radius:12px; --shadow:0 1px 2px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04);
@@ -16,8 +17,8 @@ img{display:block;max-width:100%}
 header.topbar{position:sticky;top:0;z-index:50;background:var(--card);border-bottom:1px solid var(--line);
   height:60px;display:flex;align-items:center;padding:0 16px;gap:16px}
 .brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px;color:var(--green);letter-spacing:-.5px}
-.brand .house{width:34px;height:34px;border-radius:10px;background:var(--green);display:grid;place-items:center;flex:none}
-.brand .house svg{width:20px;height:20px}
+.brand .house{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--green),var(--green-dark));display:grid;place-items:center;flex:none}
+.brand .house svg{width:auto;height:19px}
 .brand small{font-weight:600;color:var(--plum);font-size:12px;margin-left:2px}
 .search{flex:1;max-width:420px;position:relative}
 .search input{width:100%;height:40px;border-radius:22px;border:1px solid transparent;background:#eef0f2;
← e1c77a4 Add Opportunity Alerts surface: 12 similar-but-not-exact hom · back to Bubbesblock · Add home-history module with LA County parcel + LADBS permit 698091f →