feat(media-kit): add Product Hunt launch assets and render pipeline

Introduce a reproducible media-kit with logos, banners, and gallery shots generated from shared brand tokens, plus README links for launch workflows.

Author: alisaitteke

README.md

@@ -234,6 +234,8 @@ Production deploys `site/dist/` to GitHub Pages via [`.github/workflows/pages.ym
 
 Regenerate README / OG brand images: `cd site && npm run render:social-card` (writes `assets/readme-hero.png`, `site/public/assets/og-card.png`, `.github/social-preview.png`).
 
+Launch / press assets (Product Hunt, social banners, logos): see [`media-kit/`](media-kit/) — regenerate with `cd site && npm run render:media-kit`.
+
 Shortcut: `make site-dev` (same as `cd site && npm run dev`).
 
 ## Installing from GitHub Releases
@@ -345,6 +347,7 @@ macOS notifications are **alert-only** — decisions always happen in the termin
 | [docs/research-report.md](docs/research-report.md) | Cursor/Claude hooks and hybrid architecture research |
 | [docs/integration-and-terminal-ui.md](docs/integration-and-terminal-ui.md) | Install flow and terminal approval UX |
 | [docs/plans/2026-07-01-0127-sideguard-foundation/](docs/plans/2026-07-01-0127-sideguard-foundation/) | Phased implementation plan |
+| [docs/plans/2026-07-03-0904-product-hunt-launch-readiness/](docs/plans/2026-07-03-0904-product-hunt-launch-readiness/) | Product Hunt launch readiness research & roadmap |
 
 ## Local paths
 

media-kit/README.md

@@ -0,0 +1,115 @@
+# SideGuard Media Kit
+
+Press and launch assets for **Product Hunt**, **Hacker News**, **Twitter/X**, **LinkedIn**, directories, and blog features.
+
+Regenerate PNGs after brand changes:
+
+```bash
+cd site && npm run render:media-kit
+```
+
+Full asset pipeline (favicons, social cards, media kit):
+
+```bash
+cd site && npm run render:assets
+```
+
+---
+
+## Quick links
+
+| Resource | URL |
+| -------- | --- |
+| Website | https://sideguard.io |
+| GitHub | https://github.com/alisaitteke/sideguard |
+| Install script | https://sideguard.io/setup.sh |
+| Maker | [Ali Sait Teke](https://alisait.com) |
+
+Ready-made copy: [`copy.md`](./copy.md)  
+Brand tokens (JSON): [`brand-colors.json`](./brand-colors.json)
+
+---
+
+## Folder map
+
+| Folder | Contents |
+| ------ | -------- |
+| `logos/` | SVG marks + square PNGs (240–1024 px) |
+| `icons/` | App-style square icons (180, 512 px) |
+| `banners/` | Social / OG / Twitter / LinkedIn headers |
+| `gallery/` | Product Hunt gallery slides (1270×760) |
+
+---
+
+## Platform cheat sheet
+
+### Product Hunt
+
+| Field | Asset / value |
+| ----- | ------------- |
+| **Thumbnail** (240×240) | `logos/thumbnail-240.png` |
+| **Gallery** (1270×760, min 2) | `gallery/01-hero-1270x760.png` … `04-install-1270x760.png` |
+| **Tagline** (≤60 chars) | See `copy.md` → Product Hunt tagline |
+| **Description** | See `copy.md` → Product Hunt description |
+| **Website** | https://sideguard.io |
+| **Pricing** | Free / open source |
+
+Upload order suggestion: `01-hero` → `02-approval` → `03-integrations` → `04-install`.
+
+### Twitter / X
+
+| Use | Asset |
+| --- | ----- |
+| Announcement image (16:9) | `banners/twitter-1600x900.png` |
+| Open Graph fallback | `banners/og-1200x630.png` |
+
+### LinkedIn
+
+| Use | Asset |
+| --- | ----- |
+| Post image | `banners/linkedin-1200x627.png` |
+
+### GitHub / README
+
+| Use | Asset |
+| --- | ----- |
+| Repo social preview | `.github/social-preview.png` (via `render:social-card`) |
+| README banner | `assets/readme-hero.png` (via `render:social-card`) |
+
+### General press
+
+| Use | Asset |
+| --- | ----- |
+| Logo on dark background | `logos/logo-on-dark-512.png` or `logo-on-dark-1024.png` |
+| Logo transparent (teal) | `logos/logo-teal-light-512.png` (light UI) |
+| Logo transparent (mint) | `logos/logo-teal-dark-512.png` (dark UI) |
+| Vector logo (editable) | `logos/logo-teal-dark.svg` or `logo-teal-light.svg` |
+
+---
+
+## Brand colors
+
+| Token | Hex | Usage |
+| ----- | --- | ----- |
+| Logo (light mode) | `#0d9488` | Light backgrounds, favicon |
+| Logo (dark mode) | `#5eead4` | Dark hero, gallery slides |
+| Hero background | `#10161c` | Banners, thumbnails |
+| Primary green | `#3a9e6e` | Eyebrow, accents |
+| Foreground | `#e6edf3` | Headlines on dark |
+| Muted text | `#94a3b8` | Body copy on dark |
+
+**Font:** [Geist Variable](https://fontsource.org/fonts/geist) (same as sideguard.io)
+
+**Logo usage**
+
+- Prefer shield + checkmark mark with teal/mint fill on dark backgrounds.
+- Do not stretch, rotate, or add effects beyond the subtle glow used in kit assets.
+- Minimum clear space: height of the checkmark circle on all sides.
+
+---
+
+## Contact
+
+**Ali Sait Teke** — [alisait.com](https://alisait.com) · [GitHub](https://github.com/alisaitteke) · [LinkedIn](https://www.linkedin.com/in/alisait/)
+
+For press inquiries, use the links above or open a GitHub issue.

media-kit/banners/linkedin-1200x627.png

@@ -0,0 +1,36 @@
+{
+  "brand": {
+    "logoLight": "#0d9488",
+    "logoDark": "#5eead4",
+    "heroBackground": "#10161c",
+    "glowMint": "rgba(94, 234, 212, 0.22)",
+    "primary": "#3a9e6e",
+    "primaryDark": "#2d8659",
+    "foreground": "#e6edf3",
+    "foregroundMuted": "#94a3b8",
+    "fontFamily": "\"Geist\", system-ui, sans-serif"
+  },
+  "copy": {
+    "name": "SideGuard",
+    "domain": "sideguard.io",
+    "url": "https://sideguard.io",
+    "eyebrow": "Vibe Coding Security Tool",
+    "taglinePh": "MCP guard with human approval for Cursor & Claude Code",
+    "taglineShort": "Approve shell commands and MCP tools before your AI runs them.",
+    "descriptionMeta": "SideGuard is a vibe coding security tool and MCP guard for Cursor and Claude Code. Human-in-the-loop approval for shell commands and MCP tools—not an MCP antivirus. YAML policy, fail-closed hooks, local audit trail.",
+    "descriptionPh": "SideGuard is a local MCP guard for Cursor and Claude Code. Before your AI assistant runs a shell command or MCP tool on your machine, SideGuard asks you to approve. YAML policy, fail-closed hooks, and a local audit trail—no cloud proxy, no MCP antivirus signatures.",
+    "installCommand": "curl -fsSL https://sideguard.io/setup.sh | sh",
+    "maker": {
+      "name": "Ali Sait Teke",
+      "url": "https://alisait.com",
+      "github": "https://github.com/alisaitteke",
+      "linkedin": "https://www.linkedin.com/in/alisait/",
+      "twitter": "https://x.com/alisaitteke"
+    },
+    "links": {
+      "website": "https://sideguard.io",
+      "github": "https://github.com/alisaitteke/sideguard",
+      "install": "https://sideguard.io/setup.sh"
+    }
+  }
+}

media-kit/banners/og-1200x630.png

@@ -0,0 +1,142 @@
+# SideGuard — Launch copy
+
+Copy-paste blocks for Product Hunt, directories, and social posts. Character counts noted where platforms enforce limits.
+
+---
+
+## Product name
+
+**SideGuard**
+
+## One-liner
+
+Vibe coding security tool — MCP guard with human-in-the-loop approval for Cursor and Claude Code.
+
+---
+
+## Product Hunt
+
+### Tagline (60 characters max)
+
+```
+MCP guard with human approval for Cursor & Claude Code
+```
+
+(54 characters)
+
+### Short description (first comment / maker story hook)
+
+```
+Before your AI assistant runs a shell command or MCP tool on your machine, SideGuard asks you to approve. Nothing runs until you say yes or no.
+```
+
+### Full description
+
+```
+SideGuard is a local MCP guard for Cursor and Claude Code.
+
+When vibe coding with AI agents, destructive shell commands and MCP tool calls can slip through fast. SideGuard intercepts them at the hook layer, applies your YAML policy, and holds risky actions for human approval—via the terminal CLI, optional macOS menu-bar tray, or alert-only notifications.
+
+What you get:
+• Human-in-the-loop approval for shell commands and MCP tools
+• YAML policy you control (deny secret paths, allowlists, etc.)
+• Fail-closed hooks—blocked by default when SideGuard is unavailable
+• Local audit trail on your machine (no cloud proxy)
+• Open source, macOS and Linux
+
+SideGuard is an MCP guard with approval workflows—not an MCP antivirus or signature scanner.
+
+Install:
+curl -fsSL https://sideguard.io/setup.sh | sh
+sideguard install
+
+https://sideguard.io
+```
+
+### Topics / categories (suggested)
+
+Developer Tools, Open Source, Artificial Intelligence, Productivity, Security
+
+---
+
+## Twitter / X
+
+### Launch tweet
+
+```
+SideGuard is live — an MCP guard for Cursor & Claude Code.
+
+Your AI wants to run a command? You approve it first. YAML policy, fail-closed hooks, local audit trail. No cloud proxy.
+
+curl -fsSL https://sideguard.io/setup.sh | sh
+
+https://sideguard.io
+```
+
+### Bio-style (160 chars)
+
+```
+MCP guard for Cursor & Claude Code. Approve shell commands & MCP tools before your AI runs them. Open source. sideguard.io
+```
+
+---
+
+## LinkedIn
+
+### Post opener
+
+```
+Shipping SideGuard — a vibe coding security tool for developers using Cursor and Claude Code.
+
+AI agents are fast. That's the point—and the risk. SideGuard adds human-in-the-loop approval before shell commands and MCP tools execute on your machine.
+
+• YAML policy you own
+• Fail-closed hooks
+• Local audit trail
+• No cloud proxy
+
+Open source: https://github.com/alisaitteke/sideguard
+Try it: https://sideguard.io
+```
+
+---
+
+## Hacker News (Show HN)
+
+### Title
+
+```
+Show HN: SideGuard – MCP guard with human approval for Cursor and Claude Code
+```
+
+### Body
+
+```
+SideGuard intercepts shell commands and MCP tool calls from Cursor and Claude Code before they run. You approve or deny in the terminal (or macOS tray). Policy is YAML on disk; audit log stays local.
+
+Not an antivirus—it's fail-closed hooks + human-in-the-loop guardrails for vibe coding.
+
+Open source (Go): https://github.com/alisaitteke/sideguard
+Site: https://sideguard.io
+
+Install: curl -fsSL https://sideguard.io/setup.sh | sh && sideguard install
+
+Would love feedback on policy defaults and hook ergonomics.
+```
+
+---
+
+## Meta description (SEO / directories)
+
+```
+SideGuard is a vibe coding security tool and MCP guard for Cursor and Claude Code. Human-in-the-loop approval for shell commands and MCP tools—not an MCP antivirus. YAML policy, fail-closed hooks, local audit trail.
+```
+
+---
+
+## Maker
+
+**Ali Sait Teke**  
+https://alisait.com  
+https://github.com/alisaitteke  
+https://www.linkedin.com/in/alisait/