diff --git a/index.html b/index.html
index bf887ab..5cf6234 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,18 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>TRMNL Tailor Screen Gallery</title>
+	<!-- Open Graph / Social sharing -->
+	<meta property="og:title" content="TRMNL Tailor Screen Gallery">
+	<meta property="og:description" content="Browse community-created loading and splash screens for TRMNL e-ink displays.">
+	<meta property="og:image" content="https://usetrmnl.github.io/tailor-designs/trmnl-screen-hourglass.jpg">
+	<meta property="og:url" content="https://usetrmnl.github.io/tailor-designs/">
+	<meta property="og:type" content="website">
+
+	<!-- Twitter/X card -->
+	<meta name="twitter:card" content="summary_large_image">
+	<meta name="twitter:title" content="TRMNL Tailor Screen Gallery">
+	<meta name="twitter:description" content="Browse community-created loading and splash screens for TRMNL e-ink displays.">
+	<meta name="twitter:image" content="https://usetrmnl.github.io/tailor-designs/trmnl-screen-hourglass.jpg">
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
diff --git a/trmnl-screen-hourglass.jpg b/trmnl-screen-hourglass.jpg
new file mode 100644
index 0000000..a9f6e3c
Binary files /dev/null and b/trmnl-screen-hourglass.jpg differ