diff --git a/docs/images/logo-dark.svg b/docs/images/logo-dark.svg
new file mode 100644
index 0000000..6bd278c
--- /dev/null
+++ b/docs/images/logo-dark.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="354px" height="329px" viewBox="0 0 354 329" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <g id="Favicon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="LOGO" transform="translate(0.000000, -0.012177)">
+            <g id="Stair" transform="translate(0.000000, 188.000000)">
+                <polygon id="Rectangle" fill="#D6E5FF" points="174 77.2412544 0.155121819 0 -9.17349661e-13 63.8081088 174 141.012177"/>
+                <polygon id="Rectangle" fill="#5DA2EA" points="174 77.1172148 234 47.0121771 234 110.907139 174 141.012177"/>
+            </g>
+            <g id="Stair" transform="translate(120.000000, 0.000000)">
+                <polygon id="Rectangle" fill="#D6E5FF" points="174 77.2412544 0.155121819 0 -1.14472334e-12 63.8081088 174 141.012177"/>
+                <polygon id="Rectangle" fill="#5DA2EA" points="174 77.3406102 233.578593 47.3408285 233.578593 111.012395 174 141.012177"/>
+            </g>
+            <g id="Stair" transform="translate(60.000000, 94.000000)">
+                <polygon id="Rectangle" fill="#D6E5FF" points="174 77.2412544 0.155121819 0 -1.0310365e-12 63.8081088 174 141.012177"/>
+                <polygon id="Rectangle" fill="#5DA2EA" points="174 77.1172148 234 47.0121771 234 110.907139 174 141.012177"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/docs/images/logo.svg b/docs/images/logo.svg
new file mode 100644
index 0000000..2664e0d
--- /dev/null
+++ b/docs/images/logo.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="354px" height="329px" viewBox="0 0 354 329" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <g id="Favicon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="LOGO" transform="translate(0.000000, -0.012177)">
+            <g id="Stair" transform="translate(0.000000, 188.000000)">
+                <polygon id="Rectangle" fill="#8BB4F7" points="174 77.2412544 0.155121819 0 -9.17349661e-13 63.8081088 174 141.012177"/>
+                <polygon id="Rectangle" fill="#004E9E" points="174 77.1172148 234 47.0121771 234 110.907139 174 141.012177"/>
+            </g>
+            <g id="Stair" transform="translate(120.000000, 0.000000)">
+                <polygon id="Rectangle" fill="#8BB4F7" points="174 77.2412544 0.155121819 0 -1.14472334e-12 63.8081088 174 141.012177"/>
+                <polygon id="Rectangle" fill="#004E9E" points="174 77.3406102 233.578593 47.3408285 233.578593 111.012395 174 141.012177"/>
+            </g>
+            <g id="Stair" transform="translate(60.000000, 94.000000)">
+                <polygon id="Rectangle" fill="#8BB4F7" points="174 77.2412544 0.155121819 0 -1.0310365e-12 63.8081088 174 141.012177"/>
+                <polygon id="Rectangle" fill="#004E9E" points="174 77.1172148 234 47.0121771 234 110.907139 174 141.012177"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/web/public/apple-touch-icon.png b/web/public/apple-touch-icon.png
new file mode 100644
index 0000000..f1306bf
Binary files /dev/null and b/web/public/apple-touch-icon.png differ
diff --git a/web/public/favicon-96x96.png b/web/public/favicon-96x96.png
new file mode 100644
index 0000000..7a5c153
Binary files /dev/null and b/web/public/favicon-96x96.png differ
diff --git a/web/public/favicon.ico b/web/public/favicon.ico
index 5dbdfcd..769f67d 100644
Binary files a/web/public/favicon.ico and b/web/public/favicon.ico differ
diff --git a/web/public/favicon.svg b/web/public/favicon.svg
new file mode 100644
index 0000000..d7bd5ac
--- /dev/null
+++ b/web/public/favicon.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" width="354px" height="329px"><svg width="354px" height="329px" viewBox="0 0 354 329" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <g id="SvgjsG1133" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SvgjsG1132" transform="translate(0.000000, -0.012177)">
+            <g id="SvgjsG1131" transform="translate(0.000000, 188.000000)">
+                <polygon id="SvgjsPolygon1130" fill="#8BB4F7" points="174 77.2412544 0.155121819 0 -9.17349661e-13 63.8081088 174 141.012177"></polygon>
+                <polygon id="SvgjsPolygon1129" fill="#004E9E" points="174 77.1172148 234 47.0121771 234 110.907139 174 141.012177"></polygon>
+            </g>
+            <g id="SvgjsG1128" transform="translate(120.000000, 0.000000)">
+                <polygon id="SvgjsPolygon1127" fill="#8BB4F7" points="174 77.2412544 0.155121819 0 -1.14472334e-12 63.8081088 174 141.012177"></polygon>
+                <polygon id="SvgjsPolygon1126" fill="#004E9E" points="174 77.3406102 233.578593 47.3408285 233.578593 111.012395 174 141.012177"></polygon>
+            </g>
+            <g id="SvgjsG1125" transform="translate(60.000000, 94.000000)">
+                <polygon id="SvgjsPolygon1124" fill="#8BB4F7" points="174 77.2412544 0.155121819 0 -1.0310365e-12 63.8081088 174 141.012177"></polygon>
+                <polygon id="SvgjsPolygon1123" fill="#004E9E" points="174 77.1172148 234 47.0121771 234 110.907139 174 141.012177"></polygon>
+            </g>
+        </g>
+    </g>
+</svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
+@media (prefers-color-scheme: dark) { :root { filter: none; } }
+</style></svg>
\ No newline at end of file
diff --git a/web/public/site.webmanifest b/web/public/site.webmanifest
new file mode 100644
index 0000000..8ad8c94
--- /dev/null
+++ b/web/public/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "BookStairs",
+  "short_name": "BookStairs",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/web/public/web-app-manifest-192x192.png b/web/public/web-app-manifest-192x192.png
new file mode 100644
index 0000000..cfddde4
Binary files /dev/null and b/web/public/web-app-manifest-192x192.png differ
diff --git a/web/public/web-app-manifest-512x512.png b/web/public/web-app-manifest-512x512.png
new file mode 100644
index 0000000..b9946ee
Binary files /dev/null and b/web/public/web-app-manifest-512x512.png differ