diff --git a/assets/ecosystem-social-preview.webp b/assets/ecosystem-social-preview.webp
new file mode 100644
index 0000000..c0d2694
Binary files /dev/null and b/assets/ecosystem-social-preview.webp differ
diff --git a/ecosystem/index.html b/ecosystem/index.html
index 065a56e..f9b5c77 100644
--- a/ecosystem/index.html
+++ b/ecosystem/index.html
@@ -3,6 +3,15 @@
 <head>
   <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="The development lineage connecting Dominique Devereaux's story archives, Urban Alien Adventures, Battle the Beast, Violet's Revenge, Veiled Dominion, PIXIE, and Loptr Lab.">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="Loptr Lab Creative Ecosystem">
+  <meta property="og:description" content="Stories → Systems → Research. Explore the development lineage connecting narrative archives, games, accessibility, production, and practice research.">
+  <meta property="og:url" content="https://ibloud.github.io/ecosystem/">
+  <meta property="og:image" content="https://ibloud.github.io/assets/ecosystem-social-preview.webp">
+  <meta property="og:image:width" content="1280">
+  <meta property="og:image:height" content="640">
+  <meta property="og:image:alt" content="Loptr Lab Creative Ecosystem. A violet crystal connects six story, game, archive, accessibility, and research nodes on a dark technical grid.">
+  <meta name="twitter:card" content="summary_large_image">
   <title>Creative Ecosystem | Dominique Devereaux · Loptr Lab</title>
   <script src="https://cdn.tailwindcss.com"></script>
   <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
