diff --git a/public/404.html b/public/404.html
new file mode 100644
index 0000000..ced6796
--- /dev/null
+++ b/public/404.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Owlbear Rodeo</title>
+    <meta
+      name="description"
+      content="Tabletop map sharing ʕ•ﾉᴥ•ʔﾉ┬─┬ヽʕ•ᴥ•ヽʔ"
+    />
+    <style>
+      html {
+        height: 100%;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+          Roboto, "Helvetica Neue", sans-serif;
+        color: white;
+      }
+      body {
+        background: hsl(230, 25%, 18%);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+        height: 100%;
+        margin: 0;
+      }
+      img {
+        max-width: 500px;
+      }
+      a {
+        color: hsl(260, 100%, 80%);
+        text-decoration: none;
+      }
+      a:visited {
+        color: hsl(260, 20%, 40%);
+      }
+    </style>
+  </head>
+  <body>
+    <img src="404.png" alt="404 bear not found" />
+    <h4>
+      Unable to find the page you're looking for try heading back to
+      <a href="https://owlbear.rodeo">owlbear.rodeo</a>
+    </h4>
+  </body>
+</html>
diff --git a/public/404.png b/public/404.png
new file mode 100644
index 0000000..d151fd9
Binary files /dev/null and b/public/404.png differ
diff --git a/public/index.html b/public/index.html
index 7a3fd88..43d8757 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,7 +7,7 @@
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="Web site for table top game session sharing"
+      content="Tabletop map sharing ʕ•ﾉᴥ•ʔﾉ┬─┬ヽʕ•ᴥ•ヽʔ"
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
@@ -25,6 +25,8 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <title>Owlbear Rodeo</title>
+    <meta property="og:image" content="%PUBLIC_URL%/thumbnail.jpg" />
+    <meta name="twitter:card" content="summary_large_image" />
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/public/thumbnail.jpg b/public/thumbnail.jpg
new file mode 100644
index 0000000..e2f4282
Binary files /dev/null and b/public/thumbnail.jpg differ
