[design] App logo, icon set + brand system

[mertbekci]

Özet

Scrapeman'ın v0.2.0'ı shipped ama hâlâ kendi logosu yok:

• assets/icons/ boş — dock / DMG / EXE / AppImage hepsi generic Electron ikonuyla paketleniyor
• assets/logos/ tek dosya (logo-b-compact.png, eski iterasyon)
• apps/desktop/build-resources/ içinde icon dosyası yok
• App header'ında <div>S</div> tek-harf placeholder
• README'de Scrapeman'ın kendi markası yerine scrape-do GitHub avatarı kullanılıyor
• Brew cask, public release, store listings için şart

Kapsam

Logo & brand system

• Primary wordmark — "Scrapeman" metin logosu, tek tipografi, light + dark varyant
• Compact mark — 1:1 aspect, sadece sembol (favicon, dock, tab icon)
• Lockup — wordmark + compact mark yan yana (README header, splash)
• scrape-do ilişkisi — küçük kardeş markası hissi, "by scrape-do" alt metin opsiyonu

App icon set (electron-builder için)

• macOS .icns — 16, 32, 64, 128, 256, 512, 1024px @1x/@2x
• Windows .ico — 16, 32, 48, 64, 128, 256px
• Linux .png (1024×1024) — AppImage + deb
• apps/desktop/build-resources/icon.{icns,ico,png} — electron-builder path'leri

In-app asset

• Header'daki <div>S</div> placeholder'ını gerçek compact mark'la değiştir (apps/desktop/src/renderer/src/App.tsx:144-147)
• assets/logos/ klasörü:
  • scrapeman-wordmark-light.svg / scrapeman-wordmark-dark.svg
  • scrapeman-mark-light.svg / scrapeman-mark-dark.svg
  • scrapeman-lockup.svg
  • PNG fallback'leri @1x/@2x/@3x
• README header'ını Scrapeman'ın kendi marka lockup'ıyla güncelle

Brand color palette

• Accent rengi — şu an orange (FF6C37, Postman-inspired). Scrapeman'a özgü bir palette tanımlanmalı ya da kasıtlı olarak scrape-do ile paylaşılmalı
• CSS variables'a aktar (apps/desktop/src/renderer/src/styles.css — --accent, --accent-hover, --accent-active, --accent-soft)
• Dark mode varyant

Marka yönü

• Scrape-do ile bağlantı: bağımsız kimlik değil, scrape-do markasının altında küçük kardeş
• Scrapeman'a özgü element: sadece "S" veya "SM" değil, ürüne dair bir sembol — isteğe açık (API, request, network, kanca, anahtar, grid vs.)
• scrape-do renklerini kullanabiliriz ama Scrapeman'ın ayrı hissedilmesi lazım
• Dev tool estetiği: mono-spaced hissi, sade, technical — Postman/Bruno/Insomnia ile aynı league

Süreç

Bu iş bir tasarım loop'u gerektiriyor (tek atışta olmaz). .claude/agents/brand-designer.md adlı bir proje-lokal agent tanımlandı (ayrı issue'da) — product context'ine tam hakim, soru-cevap ile alternatifleri iteratif daraltıyor. Bu issue tasarım iterasyonlarını loglamak ve son deliverable set'ini merge etmek için kullanılacak.

Blockers / bağımlılıklar

• Scrape-do marka kitabı: var mı? Logo asset'leri, marka rengi, tipografi bilinmeli ki bağlantı doğru kurulsun. (Bu issue'ya ekle)
• Public release: bu iş bitmeden public'e çıkılmamalı (brew cask + store listing + README hepsi logosuz kalır)
• Auto-update Phase 1: logosuz bir banner biraz amatör — bu iş önce

Success criteria

• pnpm --filter=@scrapeman/desktop dist:mac|win|linux çıkan installer'ların hepsinde Scrapeman marka ikonu görünüyor
• App açıkken dock/taskbar'da Scrapeman logosu (placeholder değil)
• README header'ında Scrapeman'ın kendi lockup'ı
• assets/logos/ + apps/desktop/build-resources/ SVG + PNG + icns/ico dosyalarıyla dolu
• Brand agent'ın Q&A loop'u session.md üzerinden kapanmış, son karar merge edilmiş

Milestone fit

v0.3.0 öncesi zorunlu — public release ve brew cask bu işi bekliyor.

[mertbekci]

Triage — dev task değil, designer task

Brand/logo tasarım iş. .claude/agents/brand-designer.md projede mevcut. Bu iş ninja/developer dispatch'e uygun değil — PM bir brand-designer session'ı açmalı.

Blocker chain

1. scrape-do marka kitabı varsa paylaş (varlık halinde designer'a verilir)
2. Designer iterative session → logo + icon set + palette
3. Designer çıktılarını assets/ ve apps/desktop/build-resources/ altına merge eder
4. T100 (electron-builder config) bu asset'leri referans alır

Öneri: PM brand-designer agent'ı ayrı bir kickoff ile başlatsın. Issue open kalsın, tracker.