diff --git a/docs/index.html b/docs/index.html
index da59c35..c0cb673 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -7,7 +7,11 @@
   <meta name="description" content="A sleek, dark-themed webchat UI for OpenClaw. Monitor sessions, stream responses, and inspect tool calls in real-time." />
   <meta property="og:title" content="PinchChat" />
   <meta property="og:description" content="A sleek, dark-themed webchat UI for OpenClaw." />
-  <meta property="og:image" content="https://raw.githubusercontent.com/MarlBurroW/pinchchat/main/public/logo.png" />
+  <meta property="og:image" content="https://raw.githubusercontent.com/MarlBurroW/pinchchat/main/public/og-card.png" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="PinchChat — Webchat UI for OpenClaw" />
+  <meta name="twitter:description" content="A sleek, dark-themed webchat UI for OpenClaw. Monitor sessions, stream responses, and inspect tool calls in real-time." />
+  <meta name="twitter:image" content="https://raw.githubusercontent.com/MarlBurroW/pinchchat/main/public/og-card.png" />
   <meta property="og:url" content="https://marlburrow.github.io/pinchchat/" />
   <link rel="icon" type="image/png" href="https://raw.githubusercontent.com/MarlBurroW/pinchchat/main/public/logo.png" />
   <style>
diff --git a/index.html b/index.html
index e02c293..dbb1d90 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,11 @@
     <meta property="og:description" content="A sleek, dark-themed webchat UI for OpenClaw" />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://github.com/MarlBurroW/pinchchat" />
-    <meta property="og:image" content="/logo.png" />
+    <meta property="og:image" content="https://raw.githubusercontent.com/MarlBurroW/pinchchat/main/public/og-card.png" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="PinchChat" />
+    <meta name="twitter:description" content="A sleek, dark-themed webchat UI for OpenClaw" />
+    <meta name="twitter:image" content="https://raw.githubusercontent.com/MarlBurroW/pinchchat/main/public/og-card.png" />
     <title>PinchChat</title>
     <link rel="icon" type="image/png" href="/logo.png" />
   </head>
diff --git a/public/og-card.png b/public/og-card.png
new file mode 100644
index 0000000..1edd423
Binary files /dev/null and b/public/og-card.png differ