design: marketing / web sync — single-source SVG + screenshot refresh (#494 Bucket 4)

[Axelj00]

Follow-up to #494 (closed by 4257f56).

What's missing

#494 documented the brand and fixed the in-app text inconsistencies; the marketing surface refresh was deferred because it needs a graphics workflow (SVG editor, retake screenshots from a real install).

What needs to happen

• Commit a single source SVG at `docs/brand/clawterm.svg` (mark / wordmark) and use it to regenerate:
  • App icon (`src-tauri/icons/icon.icns` + 32 / 128 / 128@2x)
  • Favicon (`docs/favicon.png` + `.svg`)
  • GitHub social preview (OG image)
• Re-take the README hero screenshot at canonical dimensions (~1280×800, native macOS chrome cropped) with the canonical demo content described in `docs/brand.md`.
• Add 3–4 supporting screenshots to `docs/screenshots/` and surface them on the docs landing page (`docs/index.md`):
  • Tab list with running / waiting / errored agents
  • Split panes
  • Command palette
  • Update flow

Acceptance

• `docs/brand/clawterm.svg` exists and is the source for every Clawterm mark in the repo.
• README hero + 3+ supporting screenshots taken in one session, same window dimensions, same demo content.
• GitHub social preview matches in-app screenshots.

[Axelj00]

v1.4.1 ships the single-source SVG and the regen pipeline (a70b8ef):

What landed

• docs/brand/clawterm.svg is the canonical 512×512 mark (chevron geometry preserved per brand book non-goal).
• App icon (src-tauri/icons/32x32, 128x128, 128x128@2x, icon.png), the macOS .icns (rebuilt via iconutil from a full 10-resolution iconset), and the favicon (docs/favicon.svg + .png) all regenerate from it via documented sips commands in docs/brand/README.md.
• New docs/brand/og-image.svg + og-image.png for the GitHub social preview (1280×640, wordmark + tagline).
• docs/brand/README.md documents the full regen workflow so future edits don't drift.

Still needs human action — leaving the issue open

1. Upload docs/brand/og-image.png to repo Settings → General → Social preview. GitHub doesn't auto-pull this from the repo; only you can do it.
2. Capture the supporting screenshots called out in this issue's acceptance criteria (tab list, split panes, command palette, update flow). Per docs/brand.md these must be taken in a single session with consistent chrome / wallpaper / window dimensions. I can't run the app and take pictures.

The infra is in place — once those two manual steps are done, this issue can close.

[Axelj00]

Most of #501's checklist landed as part of the #523 brand epic (#524 / #525 / #526 / #527 closed today):

• Single source SVG → PNG: brand decided to go PNG-canonical (docs/brand/logoclawterm.png, 1024×1024) since the mark is AI-generated. App icon and Tauri .icns regenerated from it; favicons published from the same asset set. A clean hand-built SVG source remains a possible follow-up but is no longer blocking.
• App icon: ✅ regenerated in d0a36ed (brand: app icon + Tauri bundle metadata #525).
• Favicon: ✅ new set published to docs/ in 4f0a0e5 and to public/ for the in-app shell in 46fca45 (brand: website + favicons + OG image #526).
• GitHub social preview / OG image: ✅ basic 1280×640 version committed in d4c8fa0 (brand: website + favicons + OG image #526). A richer Figma-composited mock is still nice-to-have.

Still needs manual action under this issue:

• Re-take the README hero screenshot at canonical dimensions (~1280×800) with the new green-active look on a fresh ClawTerm session.
• Capture 3–4 supporting screenshots (tab list with running/waiting/errored agents, split panes, command palette, update flow) into docs/screenshots/.
• Surface the supporting set on the docs landing page.

Keeping this issue open as the home for the manual screenshot work.