Landing page · setup guide · design system · Nigella autoresponder · funnel-tracking DB. Built, tested, NOT deployed — nothing touches aibrain.cluseco.com.au until you approve on this page.
Feedback round 1 processed (09/07): zip is now v1.3 — one top-level Claude folder holding the whole Brain (copy that folder anywhere), on R2, md5-verified, all links updated. The guide's VS Code path now runs through the official Claude Code extension (anthropic.claude-code — what you run): install extension → sign in from the panel → open the Claude folder → type /brain-onboard in the panel; no command-line install on that path. Docs-verified: custom .claude/commands work in the extension panel, and extension sign-in shares credentials with the CLI. Nigella email reworked — dropped the branded card chrome; it now reads like a plain personal email sent from Gmail (white, Arial), signed off with the canonical Cluse & Co signature + 7pt confidentiality disclaimer. See the render below.
Round 3 (10/07): you said 1.1/1.2 were boxy and felt like generic Claude UI. This is the reset. Four genuinely different, cutting-edge directions, all built on the same hard bans (no bordered cards, no square-edges, real motion, richer palette) and all using the clay presentation imagery from your talk (the glowing clay brain, the founder-with-clay-robots team) sparingly for a premium, on-brand feel. Calm words, bold design. Open each and see which world feels right.
Stanley's exact webinar-page structure (one loud CTA, "this is for you if", value-stack, FAQ) in a modern dark-marine execution. Best conversion structure.
Linear / Vercel / Anthropic-console idiom. Deep marine, glow, big type, live typing terminal. The most "premium AI product" and the most complete above-the-fold (offer + CTA + proof).
Awwwards energy. Oversized kinetic type, huge clay-brain hero, scroll animation, immersive. The most gallery-like.
Keeps the Cluse & Co marine/clay brand but makes it cinematic, not boxy. Full-bleed clay-brain hero, parallax, magazine-cover feel. Most brand-safe.
My read: 1.6 = most cinematic · 1.4 = most conversion-complete · 1.3 = best sales structure · 1.5 = boldest. Note: 1.5/1.6 hero CTAs are slightly low-contrast (quick fix once you pick). All still need a real Keith headshot (the clay-team image covers the human presence for now).
Round 2 (10/07): both directions went through a senior UI/UX pass driven by the Taste anti-slop engine, looped through an advisor scoring each against one metric: is this the page that drives the most Brain downloads? They now have real brand imagery (the paper-layers hero, an on-brand folder-view of the actual pack, an explanatory layers diagram, a Keith builder section), colour (a single locked ochre accent), and the offer made unmissable at the fold. Two accessibility blockers the advisor caught were fixed (the page can never go blank if JavaScript fails; the guide shows one coherent setup path with no JavaScript). The gated-guide journey is wired: submit the form, the success screen offers a "Read the guide" button, and the email carries the same link.
Each direction is a complete set: landing + guide + its own design-system / component library (so you can give feedback on the page layout and each component). Advisor read: v1.2 scored highest on download-conversion (9/10); v1.1 is the more editorial take. Pick one and I finish it; new iterations land here as new versions. Both still need a real Keith headshot (placeholder tile for now).
Everything learnt from Stanley Henry's attnseeker pages, in our content + voice. Editorial. Section order: hero → "this is for you if" → what's inside (effort-saved, no prices) → proof → the governance / paper-trail block Stanley never has → FAQ → capture.
The highest-performing AI-landing-page patterns (incl. Anthropic's own warm-editorial look — no dark mode) rebuilt in our style. Hero + designed Brain motif → animated stat counters → problem/solution → how-it-works → testimonial → CTA band.
The parked build these two directions are alternatives to. Kept for reference (never overwritten).
Landing page Setup guide Design system styleguide Nigella email render
/api/capture (only exists on the real worker — submitting here shows the error state), and the Loom slot is a placeholder until the fresh-machine E2E records it. Everything else is the shippable artefact byte-for-byte.| Piece | Where | Verified by |
|---|---|---|
| Design system — tokens, 10 components, living styleguide | products/brain-base/site/design-system/ | styleguide render + site suite |
| Landing — capture form (honeypot + UTMs preserved), Pro-required stated, NOTICE footer, page-open beacon, guide NOT linked | products/brain-base/site/index.html | test_site.sh (12 checks) |
| Guide — Mac/Windows × VS Code-extension/Terminal switches, 6 steps each with "you'll know it worked when…", zip download (v1.3, Claude-folder packaging), Loom slot, noindex | products/brain-base/site/guide.html | site suite + every external URL curl-verified 200 (VS Code, marketplace, claude.com ×2, install.sh, install.ps1, R2 zip) |
| Worker — SendGrid fully replaced by Resend; Nigella sender/reply-to/BCC-you; capture contract unchanged | connectors/workers/cluseco-aibrain | 24 vitest tests + tsc clean + wrangler dry-run (bundle 10.7 KiB) |
| Funnel DB — events + social-views + attendance tables, /api/beacon, Svix-verified /api/resend-webhook, hand-run queries | migrations/0001_aibrain_funnel.sql + FUNNEL.md | 12 funnel unit tests (signature round-trip, tamper-reject, event mapping) |
Site serves from source-of-truth — worker assets point straight at products/brain-base/site; old holding page + workers.dev form retired | wrangler.toml | dry-run + site suite |
Suites: worker 24/24 · brain-base ALL SUITES GREEN (incl. new test_site.sh: zip-version consistency across guide + email, Pro-required on every surface, NOTICE in both footers, guide unlinked + noindex, beacon wiring, no placeholders).
| Stage | Mechanism |
|---|---|
| Social views | manual import → aibrain_social_views |
| Event attendance | manual import → aibrain_event_attendance |
| Page opens + download clicks | beacon → aibrain_funnel_events (anonymous, no cookies) |
| Signups | existing leads table, slug aibrain (history intact) |
| Email sent/delivered/opened/clicked/bounced | Resend webhooks (signature-verified) → aibrain_funnel_events |
Hand-run queries + import commands: connectors/workers/cluseco-aibrain/FUNNEL.md.
RESEND_API_KEY + register Resend webhook + set RESEND_WEBHOOK_SECRET (recorded in ACCESS docs, rule 25) → wrangler deploy → rule-22 leaf-verify (test signup: D1 row, email lands, open/click rows, beacons, download, bad-signature 401).Fresh-machine E2E with Loom recording → Loom embedded in the guide → freeze zip + Loom + email copy into _FINAL-PUBLIC-ASSETS/ → you fire the WhatsApp offer + follow-up post (B4).
PRD + slices: .scratch/web-layer/ · branch wt/brain-base-giveaway-20260709-105911 · this page: dev-preview/_reviews/20260709-web-layer/ (live on dev.cluseco after merge; deploy script ships origin/main only)