diff --git a/frontend/public/favicon-512.png b/frontend/public/favicon-512.png
new file mode 100644
index 0000000..8de0e7c
Binary files /dev/null and b/frontend/public/favicon-512.png differ
diff --git a/frontend/public/favicon.svg b/frontend/public/favicon.svg
new file mode 100644
index 0000000..3f85882
--- /dev/null
+++ b/frontend/public/favicon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#111111"/>
+  <text x="16" y="24" text-anchor="middle" font-family="Georgia, serif" font-size="24" font-weight="700" fill="#d4432f">C</text>
+</svg>
diff --git a/frontend/public/og-image.png b/frontend/public/og-image.png
new file mode 100644
index 0000000..97889e5
Binary files /dev/null and b/frontend/public/og-image.png differ
diff --git a/frontend/public/og-image.svg b/frontend/public/og-image.svg
new file mode 100644
index 0000000..94c72a4
--- /dev/null
+++ b/frontend/public/og-image.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
+  <rect width="1200" height="630" fill="#111111"/>
+  <text x="600" y="230" text-anchor="middle" font-family="Georgia, serif" font-size="96" font-weight="900" fill="#ededed" letter-spacing="8">CRUCIVERB</text>
+  <text x="600" y="285" text-anchor="middle" font-family="Georgia, serif" font-size="24" font-style="italic" fill="#b5b5b5">a crossword a day</text>
+  <line x1="320" y1="325" x2="880" y2="325" stroke="#2a2a2a" stroke-width="1"/>
+  <text x="600" y="360" text-anchor="middle" font-family="monospace" font-size="14" fill="#ababab" letter-spacing="3">SELF-HOSTED  /  FEDERATED  /  CC0 PUBLIC DOMAIN</text>
+  <g transform="translate(505, 390)">
+    <rect x="0" y="0" width="38" height="38" fill="#1e1e1e" stroke="#555" stroke-width="0.5"/>
+    <rect x="38" y="0" width="38" height="38" fill="#1e1e1e" stroke="#555" stroke-width="0.5"/>
+    <rect x="76" y="0" width="38" height="38" fill="#1e1e1e" stroke="#555" stroke-width="0.5"/>
+    <rect x="114" y="0" width="38" height="38" fill="#090909" stroke="#555" stroke-width="0.5"/>
+    <rect x="152" y="0" width="38" height="38" fill="#1e1e1e" stroke="#555" stroke-width="0.5"/>
+    <rect x="0" y="38" width="38" height="38" fill="#1e1e1e" stroke="#555" stroke-width="0.5"/>
+    <rect x="38" y="38" width="38" height="38" fill="#090909" stroke="#555" stroke-width="0.5"/>
+    <rect x="76" y="38" width="38" height="38" fill="#1e1e1e" stroke="#555" stroke-width="0.5"/>
+    <rect x="114" y="38" width="38" height="38" fill="#1e1e1e" stroke="#555" stroke-width="0.5"/>
+    <rect x="152" y="38" width="38" height="38" fill="#1e1e1e" stroke="#555" stroke-width="0.5"/>
+    <rect x="0" y="76" width="38" height="38" fill="#1e1e1e" stroke="#555" stroke-width="0.5"/>
+    <rect x="38" y="76" width="38" height="38" fill="#1e1e1e" stroke="#555" stroke-width="0.5"/>
+    <rect x="76" y="76" width="38" height="38" fill="#1e1e1e" stroke="#555" stroke-width="0.5"/>
+    <rect x="114" y="76" width="38" height="38" fill="#1e1e1e" stroke="#555" stroke-width="0.5"/>
+    <rect x="152" y="76" width="38" height="38" fill="#090909" stroke="#555" stroke-width="0.5"/>
+  </g>
+</svg>