← back to Lawyer Directory Builder
Iter 38: landing — critical §6155 fixes from cold-eye debate critique
3fe9d64cc611fd32f282fabfb287629178dcc5c5 · 2026-05-04 07:37:11 -0700 · SteveStudio2
Cold-eye debate-team-fast review caught two CRITICAL §6155 risks the
in-loop iterations had drifted into. Both fixed before commit:
1. <title> IMPERSONATION RISK (highest severity) —
was: 'The California Bar — Curated.'
"The California Bar" reads as the State Bar of California itself.
This is the line a regulator screenshots first — it appears in SERP
results, browser tabs, OG previews. Footer disclaimers can't undo
it. Plus 'Curated' was supposed to be removed in iter 27 but
somehow survived in the title.
now: 'Counsel & Bar — California attorney directory (independent ·
not the State Bar)'
Eyebrow line 405 also reframed:
was: 'California · Est. on the public bar registry'
now: 'California · Independent directory · Not the State Bar'
Triple-redundant disambiguation across title + eyebrow + footer.
2. FEATURE 02 §6155 FEE-HANDLING IMPLICATION —
was: 'Thirty minutes, by Zoom · Pay a flat fee for a real
consultation.'
Reads like Counsel & Bar arranges paid attorney consultations,
which veers toward the §6155 'for compensation, refers' definition.
now: 'Consultations on the attorney's terms · Each firm publishes
its own consultation fee, schedule, and booking flow. Counsel & Bar
never touches the money — payments and engagement letters run
directly between you and the attorney.'
Closes the fee-handling gap: we don't book consultations, we don't
collect attorney fees, attorneys handle their own intake.
3. VISUAL FIX — replaced the giant italic 'I' watermark (clamp 420-
1100px, opacity .045) which read as a vertical bar / accidental
glyph at desktop widths. Aston Martin doesn't put a giant
translucent letter behind the car. Replaced with .hero-folio in the
top-right: 'Vol. I' italic Cormorant + champagne hairline rule +
'MMXXVI' caps + '№ 001' caps. Real piece of typography that earns
the 'Edition 2026' framing the rest of the page is reaching for.
Old .hero-watermark class set to display:none (no-op, prevents
cache-error if older HTML is served).
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Files touched
Diff
commit 3fe9d64cc611fd32f282fabfb287629178dcc5c5
Author: SteveStudio2 <stevestudio2@SteveStacStudio.lan>
Date: Mon May 4 07:37:11 2026 -0700
Iter 38: landing — critical §6155 fixes from cold-eye debate critique
Cold-eye debate-team-fast review caught two CRITICAL §6155 risks the
in-loop iterations had drifted into. Both fixed before commit:
1. <title> IMPERSONATION RISK (highest severity) —
was: 'The California Bar — Curated.'
"The California Bar" reads as the State Bar of California itself.
This is the line a regulator screenshots first — it appears in SERP
results, browser tabs, OG previews. Footer disclaimers can't undo
it. Plus 'Curated' was supposed to be removed in iter 27 but
somehow survived in the title.
now: 'Counsel & Bar — California attorney directory (independent ·
not the State Bar)'
Eyebrow line 405 also reframed:
was: 'California · Est. on the public bar registry'
now: 'California · Independent directory · Not the State Bar'
Triple-redundant disambiguation across title + eyebrow + footer.
2. FEATURE 02 §6155 FEE-HANDLING IMPLICATION —
was: 'Thirty minutes, by Zoom · Pay a flat fee for a real
consultation.'
Reads like Counsel & Bar arranges paid attorney consultations,
which veers toward the §6155 'for compensation, refers' definition.
now: 'Consultations on the attorney's terms · Each firm publishes
its own consultation fee, schedule, and booking flow. Counsel & Bar
never touches the money — payments and engagement letters run
directly between you and the attorney.'
Closes the fee-handling gap: we don't book consultations, we don't
collect attorney fees, attorneys handle their own intake.
3. VISUAL FIX — replaced the giant italic 'I' watermark (clamp 420-
1100px, opacity .045) which read as a vertical bar / accidental
glyph at desktop widths. Aston Martin doesn't put a giant
translucent letter behind the car. Replaced with .hero-folio in the
top-right: 'Vol. I' italic Cormorant + champagne hairline rule +
'MMXXVI' caps + '№ 001' caps. Real piece of typography that earns
the 'Edition 2026' framing the rest of the page is reaching for.
Old .hero-watermark class set to display:none (no-op, prevents
cache-error if older HTML is served).
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
public/index.html | 38 ++++++++++++++++++++++++--------------
1 file changed, 24 insertions(+), 14 deletions(-)
diff --git a/public/index.html b/public/index.html
index 5b0be79..4de3a0e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
-<title>The California Bar — Curated.</title>
+<title>Counsel & Bar — California attorney directory (independent · not the State Bar)</title>
<meta name="description" content="An indexed directory of every licensed California attorney, drawn from the State Bar public roll. 89,000+ profiles, 42,000+ firms, 1,000+ independently audited sites. Browse, verify, contact directly.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -265,15 +265,20 @@
.monogram path { fill: url(#mg-stroke); }
.brand-row { display: inline-flex; align-items: center; gap: 14px; text-decoration: none; }
- /* ─── Hero typographic watermark + corner marks ────────────────── */
- .hero-watermark {
- position: absolute; right: -1vw; top: 50%; transform: translateY(-52%);
- font-family: var(--serif); font-style: italic; font-weight: 300;
- font-size: clamp(420px, 72vw, 1100px); line-height: 0.78;
- color: var(--metal); opacity: 0.045;
- pointer-events: none; user-select: none; letter-spacing: -0.04em;
- z-index: 0;
- }
+ /* ─── Hero folio (top-right editorial mark) ─────────────────────── */
+ .hero-folio {
+ position: absolute; top: 36px; right: 48px;
+ text-align: right; pointer-events: none; z-index: 1;
+ font-family: var(--serif); font-style: italic; color: var(--metal);
+ line-height: 1.15;
+ }
+ .hero-folio .f-vol { font-size: 14px; font-weight: 400; letter-spacing: 0.02em; }
+ .hero-folio .f-rule { width: 32px; height: 1px; background: var(--metal); margin: 8px 0 8px auto; opacity: 0.6; }
+ .hero-folio .f-year { font-size: 11px; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; color: var(--ink-mute); font-style: normal; font-family: var(--sans); font-variant-numeric: tabular-nums; }
+ .hero-folio .f-no { font-size: 10px; letter-spacing: 0.22em; color: var(--ink-mute); font-style: normal; font-family: var(--sans); font-weight: 500; text-transform: uppercase; margin-top: 4px; font-variant-numeric: tabular-nums; }
+ @media (max-width: 720px){.hero-folio{top:96px;right:20px}.hero-folio .f-vol{font-size:12px}.hero-folio .f-year{font-size:10px}}
+ /* Legacy class kept as no-op so older builds don't error if cached */
+ .hero-watermark { display: none; }
.hero-inner { position: relative; z-index: 1; }
.reg-mark {
position: absolute; width: 18px; height: 18px;
@@ -395,14 +400,19 @@
</header>
<section class="hero">
- <div class="hero-watermark" aria-hidden="true">I</div>
+ <div class="hero-folio" aria-hidden="true">
+ <span class="f-vol">Vol. I</span>
+ <span class="f-rule" aria-hidden="true"></span>
+ <span class="f-year">MMXXVI</span>
+ <span class="f-no">№ 001</span>
+ </div>
<div class="hero-inner">
<div class="vol-strip reveal">
<span class="v-rule"></span>
<span class="v-text">Volume I</span>
<span class="v-meta">Edition 2026 · Public Bar Registry</span>
</div>
- <p class="eyebrow reveal d1">California<span class="dot"></span>Est. on the public bar registry</p>
+ <p class="eyebrow reveal d1">California<span class="dot"></span>Independent directory<span class="dot"></span>Not the State Bar</p>
<h1 class="display reveal d2">
Every licensed attorney<br>
in California, <em>indexed.</em>
@@ -477,8 +487,8 @@
</div>
<div class="feat">
<span class="feat-num">02</span>
- <h3>Thirty minutes, by Zoom</h3>
- <p>Pay a flat fee for a real consultation. The attorney shows up. So do you.</p>
+ <h3>Consultations on the attorney's terms</h3>
+ <p>Each firm publishes its own consultation fee, schedule, and booking flow. Counsel & Bar never touches the money — payments and engagement letters run directly between you and the attorney.</p>
</div>
<div class="feat">
<span class="feat-num">03</span>
← f10bb42 Iter 37: /data/thanks editorial confirmation matching iter 2
·
back to Lawyer Directory Builder
·
Iter 39: legal lockdown — three remaining LRS-flavor copy fi a14af3b →