Daily Log 2026-03-20

---

v3-portal Landing Page — Design Session (2026-03-20 afternoon)

Context

Mike Wright drove a detailed design polish pass on the Twill marketing landing page (/v3-portal) deployed at https://twill-landing-v3.pages.dev/v3-portal.

Key decisions made

• Real dashboard screenshot: Used final/01-dashboard.png from partner-dashboard-v2 build (warm light sidebar, KPI strip, charts). Mike confirmed this is the correct version. File copied to landing/screenshots/dashboard-app.png (fresh playwright render of index.html at 1440×900 — fully light sidebar, no browser chrome).
• Double chrome bug: The hero had a .mock-bar browser chrome PLUS the screenshot itself had chrome → removed .mock-bar entirely from hero; screenshot sits directly in the rounded frame.
• Onboard panel crop: width: 145%; left: -18% — zooms into the dashboard, skips sidebar, shows main content at readable scale. height: 210px.
• Design polish pass: Comprehensive CSS overhaul — text tokens warmed (removed navy tint from --mu/--su), banner converted to gold-tinted light, hero mockup shadow fixed for light bg, proof stat numbers navy (not gold), diff quote gold-tinted, all grid borders softened to rgba(0,0,0,0.05), border-radius 12px across tiles.
• Layout variety pass: Mike flagged monotony of center-aligned stacked sections. Fixes: problem section → 2-col headline/copy split; pillars overview → heading left / desc right; AI section → asymmetric 1.6/1/1 grid; proof stats → stripped grid boxes, numbers float freely at 4rem; CTA → left-aligned 2-col editorial layout.

Latest deploy hash

https://0ed63929.twill-landing-v3.pages.dev/v3-portal

File state

• Source: /data/.openclaw/workspace/landing/v3-portal.html
• Dashboard screenshot: landing/screenshots/dashboard-app.png (playwright render, 1440×900, light sidebar)
• Old screenshot refs (dashboard-real.png, dashboard-v2-real.png) no longer used in source

Status

Mike approved the clean design pass (“This is great”). Layout variety pass deployed, awaiting Mike’s feedback.