Iter 32: /privacy + /terms — Volume strip masthead + italic-metal display

4041f144a18f31e9e89d97d707bc030a275fed4d · 2026-05-04 04:43:42 -0700 · SteveStudio2

Last two public-facing surfaces still on bare 'Privacy Policy.' / 'Terms
of Service.' headers and short-eyebrow chrome. Brought into the
editorial standard.

/privacy.html:
- Volume strip 'Edition 2026 · Privacy Policy · Effective 2026-05-03'
- Italic-metal display 'What we collect. What we don't.' (was 'Privacy
  Policy.' — bare label, now reads as a statement of position)
- Lede gains strong-emphasis on 'what we collect, why, how we use it,
  who it goes to' + 'CCPA / CPRA' (was muted-only, hard to scan)

/terms.html:
- Volume strip 'Edition 2026 · Terms of Service · Effective 2026-05-03'
- Italic-metal display 'The terms. Plain language.' (was 'Terms of
  Service.' — restated as the document's actual posture)
- Lede explicit: 'most of this is the boring legal stuff every site
  has to publish — we've kept it in plain English wherever the law
  lets us'

Both pages now share the same Volume strip + italic-metal + responsive
clamp() display sizing as /find-a-lawyer, /signup, /dashboard, /audit,
/methodology, /directory, /upgrade, /404. Twelve consecutive public
surfaces sharing a masthead system.

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

Files touched

M public/privacy.html
M public/terms.html

Diff

commit 4041f144a18f31e9e89d97d707bc030a275fed4d
Author: SteveStudio2 <stevestudio2@SteveStacStudio.lan>
Date:   Mon May 4 04:43:42 2026 -0700

    Iter 32: /privacy + /terms — Volume strip masthead + italic-metal display
    
    Last two public-facing surfaces still on bare 'Privacy Policy.' / 'Terms
    of Service.' headers and short-eyebrow chrome. Brought into the
    editorial standard.
    
    /privacy.html:
    - Volume strip 'Edition 2026 · Privacy Policy · Effective 2026-05-03'
    - Italic-metal display 'What we collect. What we don't.' (was 'Privacy
      Policy.' — bare label, now reads as a statement of position)
    - Lede gains strong-emphasis on 'what we collect, why, how we use it,
      who it goes to' + 'CCPA / CPRA' (was muted-only, hard to scan)
    
    /terms.html:
    - Volume strip 'Edition 2026 · Terms of Service · Effective 2026-05-03'
    - Italic-metal display 'The terms. Plain language.' (was 'Terms of
      Service.' — restated as the document's actual posture)
    - Lede explicit: 'most of this is the boring legal stuff every site
      has to publish — we've kept it in plain English wherever the law
      lets us'
    
    Both pages now share the same Volume strip + italic-metal + responsive
    clamp() display sizing as /find-a-lawyer, /signup, /dashboard, /audit,
    /methodology, /directory, /upgrade, /404. Twelve consecutive public
    surfaces sharing a masthead system.
    
    Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 public/privacy.html | 20 +++++++++++++++-----
 public/terms.html   | 20 +++++++++++++++-----
 2 files changed, 30 insertions(+), 10 deletions(-)

diff --git a/public/privacy.html b/public/privacy.html
index 9db4901..d96e75f 100644
--- a/public/privacy.html
+++ b/public/privacy.html
@@ -14,8 +14,14 @@ header h1 a{color:var(--ink);text-decoration:none}
 header h1 .amp{color:var(--metal);font-style:italic;padding:0 4px}
 main{max-width:780px;margin:0 auto;padding:64px 28px 96px}
 .eyebrow{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--metal);font-weight:500;margin:0 0 14px}
-h1{font-family:var(--serif);font-weight:300;font-size:48px;line-height:1.1;letter-spacing:-.02em;margin:0 0 12px}
-.lede{color:var(--ink-mute);font-size:14px;margin:0 0 36px}
+.public-vol{display:flex;align-items:center;gap:18px;margin:0 0 26px;color:var(--metal)}
+.public-vol .v-rule{flex:0 0 56px;height:1px;background:linear-gradient(90deg,transparent,var(--metal) 50%,transparent)}
+.public-vol .v-text{font-family:var(--serif);font-style:italic;font-weight:400;font-size:14px;letter-spacing:.02em}
+.public-vol .v-meta{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-mute);font-weight:500}
+h1{font-family:var(--serif);font-weight:300;font-size:clamp(40px,5.5vw,64px);line-height:1.04;letter-spacing:-.02em;margin:0 0 18px;color:var(--ink);max-width:18ch}
+h1 em{font-style:italic;color:var(--metal);font-weight:400}
+.lede{color:var(--ink-soft);font-size:16px;line-height:1.65;margin:0 0 48px;max-width:60ch;font-weight:300}
+.lede strong{color:var(--ink);font-weight:500}
 h2{font-family:var(--serif);font-weight:400;font-size:24px;color:var(--metal);margin:48px 0 14px;letter-spacing:-.005em}
 h3{font-family:var(--sans);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink);margin:24px 0 10px}
 p{color:var(--ink-soft);margin:0 0 14px}
@@ -38,9 +44,13 @@ footer{padding:36px 48px;border-top:1px solid var(--rule);text-align:center;colo
 <header><a href="/" style="display:inline-flex;align-items:center;gap:14px;text-decoration:none"><svg width="28" height="28" viewBox="0 0 28 28" aria-hidden="true" style="flex:0 0 28px"><defs><linearGradient id="cb-priv" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#d4b683"/><stop offset="50%" stop-color="#b89968"/><stop offset="100%" stop-color="#8a7044"/></linearGradient></defs><circle cx="14" cy="14" r="13" fill="none" stroke="url(#cb-priv)" stroke-width="1"/><path fill="url(#cb-priv)" d="M9.6 9.5c-1.6 0-2.7 1.2-2.7 3v3c0 1.8 1.1 3 2.7 3 1.4 0 2.4-.8 2.6-2.1h-1.3c-.1.6-.6 1-1.3 1-.9 0-1.4-.6-1.4-1.7v-2.4c0-1.1.5-1.7 1.4-1.7.7 0 1.2.4 1.3 1h1.3c-.2-1.3-1.2-2.1-2.6-2.1zm5.5.1v8.7h2.7c1.6 0 2.6-.9 2.6-2.4 0-1-.5-1.7-1.3-2 .7-.3 1.1-1 1.1-1.8 0-1.5-1-2.5-2.5-2.5h-2.6zm1.3 1.1h1.2c.8 0 1.4.5 1.4 1.4 0 .9-.5 1.4-1.4 1.4h-1.2v-2.8zm0 3.9h1.4c.9 0 1.4.6 1.4 1.5s-.5 1.5-1.4 1.5h-1.4V14.6z"/></svg><h1 style="margin:0;font-family:var(--serif);font-size:22px;font-weight:400;color:var(--ink)">Counsel <span class="amp">&amp;</span> Bar</h1></a></header>
 <main>
 
-<p class="eyebrow">Privacy Policy · Effective May 3, 2026</p>
-<h1>Privacy Policy.</h1>
-<p class="lede">This policy explains what we collect, why, how we use it, who it goes to, and your rights as a California consumer under the CCPA / CPRA. Last updated 2026-05-03.</p>
+<div class="public-vol">
+  <span class="v-rule"></span>
+  <span class="v-text">Volume I</span>
+  <span class="v-meta">Edition 2026 · Privacy Policy · Effective 2026-05-03</span>
+</div>
+<h1>What we <em>collect.</em><br>What we <em>don't.</em></h1>
+<p class="lede">This policy explains <strong>what we collect, why, how we use it, who it goes to,</strong> and your rights as a California consumer under the <strong>CCPA / CPRA</strong>. Last updated 2026-05-03.</p>
 
 <div class="toc">
   <a href="#who">1. Who we are</a>
diff --git a/public/terms.html b/public/terms.html
index 1233096..5f90ba1 100644
--- a/public/terms.html
+++ b/public/terms.html
@@ -14,8 +14,14 @@ header h1 a{color:var(--ink);text-decoration:none}
 header h1 .amp{color:var(--metal);font-style:italic;padding:0 4px}
 main{max-width:780px;margin:0 auto;padding:64px 28px 96px}
 .eyebrow{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--metal);font-weight:500;margin:0 0 14px}
-h1{font-family:var(--serif);font-weight:300;font-size:48px;line-height:1.1;letter-spacing:-.02em;margin:0 0 12px}
-.lede{color:var(--ink-mute);font-size:14px;margin:0 0 36px}
+.public-vol{display:flex;align-items:center;gap:18px;margin:0 0 26px;color:var(--metal)}
+.public-vol .v-rule{flex:0 0 56px;height:1px;background:linear-gradient(90deg,transparent,var(--metal) 50%,transparent)}
+.public-vol .v-text{font-family:var(--serif);font-style:italic;font-weight:400;font-size:14px;letter-spacing:.02em}
+.public-vol .v-meta{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-mute);font-weight:500}
+h1{font-family:var(--serif);font-weight:300;font-size:clamp(40px,5.5vw,64px);line-height:1.04;letter-spacing:-.02em;margin:0 0 18px;color:var(--ink);max-width:18ch}
+h1 em{font-style:italic;color:var(--metal);font-weight:400}
+.lede{color:var(--ink-soft);font-size:16px;line-height:1.65;margin:0 0 48px;max-width:60ch;font-weight:300}
+.lede strong{color:var(--ink);font-weight:500}
 h2{font-family:var(--serif);font-weight:400;font-size:24px;color:var(--metal);margin:48px 0 14px;letter-spacing:-.005em}
 h3{font-family:var(--sans);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink);margin:24px 0 10px}
 p{color:var(--ink-soft);margin:0 0 14px}
@@ -34,9 +40,13 @@ footer{padding:36px 48px;border-top:1px solid var(--rule);text-align:center;colo
 <header><a href="/" style="display:inline-flex;align-items:center;gap:14px;text-decoration:none"><svg width="28" height="28" viewBox="0 0 28 28" aria-hidden="true" style="flex:0 0 28px"><defs><linearGradient id="cb-tos" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#d4b683"/><stop offset="50%" stop-color="#b89968"/><stop offset="100%" stop-color="#8a7044"/></linearGradient></defs><circle cx="14" cy="14" r="13" fill="none" stroke="url(#cb-tos)" stroke-width="1"/><path fill="url(#cb-tos)" d="M9.6 9.5c-1.6 0-2.7 1.2-2.7 3v3c0 1.8 1.1 3 2.7 3 1.4 0 2.4-.8 2.6-2.1h-1.3c-.1.6-.6 1-1.3 1-.9 0-1.4-.6-1.4-1.7v-2.4c0-1.1.5-1.7 1.4-1.7.7 0 1.2.4 1.3 1h1.3c-.2-1.3-1.2-2.1-2.6-2.1zm5.5.1v8.7h2.7c1.6 0 2.6-.9 2.6-2.4 0-1-.5-1.7-1.3-2 .7-.3 1.1-1 1.1-1.8 0-1.5-1-2.5-2.5-2.5h-2.6zm1.3 1.1h1.2c.8 0 1.4.5 1.4 1.4 0 .9-.5 1.4-1.4 1.4h-1.2v-2.8zm0 3.9h1.4c.9 0 1.4.6 1.4 1.5s-.5 1.5-1.4 1.5h-1.4V14.6z"/></svg><h1 style="margin:0;font-family:var(--serif);font-size:22px;font-weight:400;color:var(--ink)">Counsel <span class="amp">&amp;</span> Bar</h1></a></header>
 <main>
 
-<p class="eyebrow">Terms of Service · Effective May 3, 2026</p>
-<h1>Terms of Service.</h1>
-<p class="lede">Plain language wherever possible. By using the site, you agree to these terms. Last updated 2026-05-03.</p>
+<div class="public-vol">
+  <span class="v-rule"></span>
+  <span class="v-text">Volume I</span>
+  <span class="v-meta">Edition 2026 · Terms of Service · Effective 2026-05-03</span>
+</div>
+<h1>The <em>terms.</em><br>Plain language.</h1>
+<p class="lede">By using the site you agree to what's below. Most of this is the boring legal stuff every site has to publish &mdash; we've kept it in <strong>plain English</strong> wherever the law lets us. Last updated 2026-05-03.</p>
 
 <div class="callout">
 <b>Read this part</b>

← 41bda2f Iter 31: /404 — path-aware editorial recovery surface · back to Lawyer Directory Builder · Iter 33: walker — added 4 new surfaces from overnight loop 9d4bfa7 →