diff --git a/index.html b/index.html
index 13c415b..f2126c4 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,24 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <title>Motif - Procedural Music Synthesis</title>
+
+    <!-- OpenGraph / Social Media Preview -->
+    <meta property="og:title" content="MOTIF - Procedural Music Synthesis">
+    <meta property="og:description" content="Transform MIDI into retro game console vibes. Search, preview, and generate entirely new variations.">
+    <meta property="og:image" content="/og-image.jpg">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://motif-self.vercel.app">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="MOTIF - Procedural Music Synthesis">
+    <meta name="twitter:description" content="Transform MIDI into retro game console vibes. Search, preview, and generate entirely new variations.">
+    <meta name="twitter:image" content="/og-image.jpg">
+
+    <!-- General Meta -->
+    <meta name="description" content="Transform MIDI files into retro synthesized variations. Search for songs, preview them, and generate new procedural versions with retro game console vibes.">
     <style>
         /* Design System: Synthwave - 8px grid, consistent neon accents */
         :root {
@@ -604,7 +622,7 @@
                     <div class="motif-grid">
                         <div class="motif-header">
                             <h4 style="margin:0; color:#ffaa44; text-shadow: 0 0 18px rgba(255,170,68,0.15);">Generate Your Variation</h4>
-                            <p class="motif-kicker">Retro game console vibes. Same notes, entirely different energy.</p>
+                            <p class="motif-kicker">Pure oscillator synthesis. Triangle, square, and sawtooth waveforms—polyphonic chiptune generation.</p>
                         </div>
 
                         <div class="motif-controls">
diff --git a/public/.gitkeep b/public/.gitkeep
new file mode 100644
index 0000000..1ab5c00
--- /dev/null
+++ b/public/.gitkeep
@@ -0,0 +1 @@
+# Save the social preview image as og-image.jpg in this directory