diff --git a/packages/storyteller.io/public/android-chrome-192x192.png b/packages/storyteller.io/public/android-chrome-192x192.png
new file mode 100644
index 0000000000..5012fb5b32
Binary files /dev/null and b/packages/storyteller.io/public/android-chrome-192x192.png differ
diff --git a/packages/storyteller.io/public/android-chrome-512x512.png b/packages/storyteller.io/public/android-chrome-512x512.png
new file mode 100644
index 0000000000..ca9fab527a
Binary files /dev/null and b/packages/storyteller.io/public/android-chrome-512x512.png differ
diff --git a/packages/storyteller.io/public/apple-touch-icon.png b/packages/storyteller.io/public/apple-touch-icon.png
new file mode 100644
index 0000000000..1adfe32697
Binary files /dev/null and b/packages/storyteller.io/public/apple-touch-icon.png differ
diff --git a/packages/storyteller.io/public/browserconfig.xml b/packages/storyteller.io/public/browserconfig.xml
new file mode 100644
index 0000000000..b3930d0f04
--- /dev/null
+++ b/packages/storyteller.io/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/packages/storyteller.io/public/favicon-16x16.png b/packages/storyteller.io/public/favicon-16x16.png
new file mode 100644
index 0000000000..cb64005ecd
Binary files /dev/null and b/packages/storyteller.io/public/favicon-16x16.png differ
diff --git a/packages/storyteller.io/public/favicon-32x32.png b/packages/storyteller.io/public/favicon-32x32.png
new file mode 100644
index 0000000000..7a4ec4546a
Binary files /dev/null and b/packages/storyteller.io/public/favicon-32x32.png differ
diff --git a/packages/storyteller.io/public/favicon.ico b/packages/storyteller.io/public/favicon.ico
index a11777cc47..5f84a16186 100644
Binary files a/packages/storyteller.io/public/favicon.ico and b/packages/storyteller.io/public/favicon.ico differ
diff --git a/packages/storyteller.io/public/index.html b/packages/storyteller.io/public/index.html
index 22a40219fb..622bd37f76 100644
--- a/packages/storyteller.io/public/index.html
+++ b/packages/storyteller.io/public/index.html
@@ -3,28 +3,15 @@
   <head>
     <meta charset="utf-8" />
 
-    <link
-      rel="apple-touch-icon"
-      sizes="180x180"
-      href="%PUBLIC_URL%/apple-touch-icon.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="32x32"
-      href="%PUBLIC_URL%/favicon-32x32.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="16x16"
-      href="%PUBLIC_URL%/favicon-16x16.png"
-    />
-
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link rel="manifest" href="/site.webmanifest" />
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
+    <meta name="msapplication-TileColor" content="#da532c" />
+    <meta name="theme-color" content="#2f2f4a" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#212137" />
-    <meta name="description" content="Storyteller supercharges your stream" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <meta name="description" content="The Future of Storytelling" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -44,15 +31,12 @@
     <!-- Twitter, Discord, etc. -->
     <meta
       property="og:title"
-      content="Storyteller, deep fake and production tools."
+      content="Storyteller AI — The Future of Storytelling"
     />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://storyteller.io" />
     <meta property="og:image" content="%PUBLIC_URL%/apple-touch-icon.png" />
-    <meta
-      property="og:description"
-      content="Storyteller. You can supercharge your stream."
-    />
+    <meta property="og:description" content="The Future of Storytelling" />
 
     <!-- Include this to make the og:image larger -->
     <meta name="twitter:card" content="summary_large_image" />
diff --git a/packages/storyteller.io/public/logo192.png b/packages/storyteller.io/public/logo192.png
deleted file mode 100644
index fc44b0a379..0000000000
Binary files a/packages/storyteller.io/public/logo192.png and /dev/null differ
diff --git a/packages/storyteller.io/public/logo512.png b/packages/storyteller.io/public/logo512.png
deleted file mode 100644
index a4e47a6545..0000000000
Binary files a/packages/storyteller.io/public/logo512.png and /dev/null differ
diff --git a/packages/storyteller.io/public/mstile-150x150.png b/packages/storyteller.io/public/mstile-150x150.png
new file mode 100644
index 0000000000..1c0c5c8f4d
Binary files /dev/null and b/packages/storyteller.io/public/mstile-150x150.png differ
diff --git a/packages/storyteller.io/public/safari-pinned-tab.svg b/packages/storyteller.io/public/safari-pinned-tab.svg
new file mode 100644
index 0000000000..27e2232857
--- /dev/null
+++ b/packages/storyteller.io/public/safari-pinned-tab.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="1000.000000pt" height="1000.000000pt" viewBox="0 0 1000.000000 1000.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,1000.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M4825 9920 c-106 -16 -133 -21 -224 -46 -177 -48 -352 -134 -507
+-250 -80 -60 -3175 -3150 -3265 -3260 -166 -204 -298 -445 -380 -696 -16 -48
+-31 -98 -33 -110 -11 -50 -15 -70 -21 -88 -6 -20 -9 -34 -20 -100 -4 -25 -9
+-54 -12 -65 -24 -113 -23 -493 2 -630 78 -433 210 -731 462 -1042 64 -79 1386
+-1413 1400 -1413 10 0 2533 2527 2533 2536 -1 5 -385 392 -854 859 l-853 850
+1509 1511 1509 1510 -38 37 c-134 128 -298 232 -485 306 -71 28 -241 74 -323
+86 -61 10 -344 13 -400 5z"/>
+<path d="M6516 6511 c-696 -696 -1266 -1269 -1266 -1273 0 -3 383 -389 850
+-856 467 -468 850 -853 850 -857 0 -4 -669 -676 -1487 -1495 -819 -818 -1496
+-1497 -1506 -1508 -18 -20 -18 -21 28 -63 25 -23 72 -62 103 -86 31 -23 62
+-46 67 -51 6 -4 51 -31 100 -60 141 -81 315 -146 450 -168 17 -3 37 -7 45 -10
+72 -25 412 -24 520 1 14 3 47 10 73 15 180 36 405 141 576 271 50 37 660 640
+1618 1598 1574 1574 1580 1580 1648 1666 22 28 43 52 46 55 10 8 121 178 154
+235 59 102 168 347 179 403 1 9 6 24 9 32 15 39 40 145 63 266 37 194 39 514
+4 714 -5 30 -12 70 -15 89 -3 19 -8 37 -10 41 -2 3 -6 19 -9 34 -19 105 -98
+322 -163 450 -20 39 -43 85 -51 101 -20 39 -95 155 -146 225 -76 104 -167 198
+-814 846 l-650 651 -1266 -1266z"/>
+</g>
+</svg>
diff --git a/packages/storyteller.io/public/site.webmanifest b/packages/storyteller.io/public/site.webmanifest
new file mode 100644
index 0000000000..a6cf0ca8ee
--- /dev/null
+++ b/packages/storyteller.io/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "Storyteller AI",
+    "short_name": "Storyteller AI",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#2f2f4a",
+    "background_color": "#2f2f4a",
+    "display": "standalone"
+}