diff --git a/app/root.tsx b/app/root.tsx
index 25a551ea2..61d764c39 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -31,6 +31,7 @@ import { useChangeLanguage } from "remix-i18next";
 import { useTranslation } from "react-i18next";
 import { Theme, ThemeHead, useTheme, ThemeProvider } from "./modules/theme";
 import { getThemeSession } from "./modules/theme/session.server";
+import { COMMON_PREVIEW_IMAGE } from "./utils/urls";
 
 export const unstable_shouldReload: ShouldReloadFunction = () => false;
 
@@ -49,6 +50,7 @@ export const meta: MetaFunction = () => ({
   title: "sendou.ink",
   viewport: "width=device-width,initial-scale=1",
   "theme-color": "#8263de",
+  "og:image": COMMON_PREVIEW_IMAGE,
 });
 
 export interface RootLoaderData {
diff --git a/app/utils/urls.ts b/app/utils/urls.ts
index 95c3bf684..de2da1837 100644
--- a/app/utils/urls.ts
+++ b/app/utils/urls.ts
@@ -28,6 +28,8 @@ export const CALENDAR_PAGE = "/calendar";
 export const STOP_IMPERSONATING_URL = "/auth/impersonate/stop";
 export const SEED_URL = "/seed";
 
+export const COMMON_PREVIEW_IMAGE = "/img/layout/common-preview.png";
+
 export const userPage = (discordId: string) => `/u/${discordId}`;
 export const userBuildsPage = (discordId: string) =>
   `${userPage(discordId)}/builds`;
diff --git a/public/img/layout/common-preview.png b/public/img/layout/common-preview.png
new file mode 100644
index 000000000..fb84770a5
Binary files /dev/null and b/public/img/layout/common-preview.png differ