diff --git a/web/.storybook/main.js b/web/.storybook/main.js
index 3c1776c38..a540580fa 100644
--- a/web/.storybook/main.js
+++ b/web/.storybook/main.js
@@ -48,5 +48,5 @@ module.exports = {
     return config;
   },
   framework: '@storybook/react',
-  staticDirs: ['../public', '../../static'],
+  staticDirs: ['../public', '../../static', './story-assets'],
 };
diff --git a/web/.storybook/stories-category-doc-pages/Emoji.stories.mdx b/web/.storybook/stories-category-doc-pages/Emoji.stories.mdx
index 6b582cf6f..ef0632b1c 100644
--- a/web/.storybook/stories-category-doc-pages/Emoji.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/Emoji.stories.mdx
@@ -1,7 +1,7 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { Image, ImageRow } from './ImageAsset';
 
-<Meta title="owncast/Assets/Emoji" />
+<Meta title="owncast/Frontend Assets/Emoji" />
 
 # Built-in Custom Emoji
 
diff --git a/web/.storybook/stories-category-doc-pages/Images.stories.mdx b/web/.storybook/stories-category-doc-pages/Images.stories.mdx
index 42d843033..425f7e1aa 100644
--- a/web/.storybook/stories-category-doc-pages/Images.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/Images.stories.mdx
@@ -1,16 +1,16 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { Image, ImageRow } from './ImageAsset';
 
-<Meta title="owncast/Assets/Images" />
+<Meta title="owncast/Frontend Assets/Images" />
 
 # Images
 
     <ImageRow images={[
-    		{src: "img/fediverse-black.png", name: "fediverse-black.png"},
-    		{src: "img/fediverse-color.png", name: "fediverse-color.png"},
-    		{src: "img/follow.svg", name: "follow.svg"},
-    		{src: "img/indieauth.png", name: "indieauth.png"},
-    		{src: "img/like.svg", name: "like.svg"},
-    		{src: "img/repost.svg", name: "repost.svg"},
+    		{src: "/img/fediverse-black.png", name: "fediverse-black.png"},
+    		{src: "/img/fediverse-color.png", name: "fediverse-color.png"},
+    		{src: "/img/follow.svg", name: "follow.svg"},
+    		{src: "/img/indieauth.png", name: "indieauth.png"},
+    		{src: "/img/like.svg", name: "like.svg"},
+    		{src: "/img/repost.svg", name: "repost.svg"},
     ]}/>
 
diff --git a/web/.storybook/stories-category-doc-pages/LogosAndGraphics.stories.mdx b/web/.storybook/stories-category-doc-pages/LogosAndGraphics.stories.mdx
new file mode 100644
index 000000000..c5b8d48b7
--- /dev/null
+++ b/web/.storybook/stories-category-doc-pages/LogosAndGraphics.stories.mdx
@@ -0,0 +1,19 @@
+import { Canvas, Meta, Story } from '@storybook/addon-docs';
+import { Image, ImageRow } from './ImageAsset';
+
+<Meta title="owncast/Project Assets/Logos &amp; Graphics" />
+
+# Logos &amp; Graphics
+
+    <ImageRow images={[
+    		{src: "/project/header.png", name: "header.png"},
+    		{src: "/project/kiss-cut-stickers-5.5x5.5-default-60874a6c11849.png", name: "kiss-cut-stickers-5.5x5.5-default-60874a6c11849.png"},
+    		{src: "/project/logo-glare-outlined.png", name: "logo-glare-outlined.png"},
+    		{src: "/project/logo-glare-vector.svg", name: "logo-glare-vector.svg"},
+    		{src: "/project/logo-noglare-vector.svg", name: "logo-noglare-vector.svg"},
+    		{src: "/project/logo-translucent-grey.svg", name: "logo-translucent-grey.svg"},
+    		{src: "/project/logo-white.svg", name: "logo-white.svg"},
+    		{src: "/project/owncast-background.png", name: "owncast-background.png"},
+    		{src: "/project/owncast-browser-mobile.png", name: "owncast-browser-mobile.png"},
+    ]}/>
+
diff --git a/web/.storybook/stories-category-doc-pages/SocialPlatformImages.stories.mdx b/web/.storybook/stories-category-doc-pages/SocialPlatformImages.stories.mdx
index 7758aff36..35a65f977 100644
--- a/web/.storybook/stories-category-doc-pages/SocialPlatformImages.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/SocialPlatformImages.stories.mdx
@@ -1,41 +1,41 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { Image, ImageRow } from './ImageAsset';
 
-<Meta title="owncast/Assets/Social Platform Images" />
+<Meta title="owncast/Frontend Assets/Social Platform Images" />
 
 # Social Platform Images
 
     <ImageRow images={[
-    		{src: "img/platformlogos/bandcamp.svg", name: "bandcamp.svg"},
-    		{src: "img/platformlogos/default.svg", name: "default.svg"},
-    		{src: "img/platformlogos/discord.svg", name: "discord.svg"},
-    		{src: "img/platformlogos/donate.svg", name: "donate.svg"},
-    		{src: "img/platformlogos/facebook.svg", name: "facebook.svg"},
-    		{src: "img/platformlogos/fediverse.svg", name: "fediverse.svg"},
-    		{src: "img/platformlogos/follow.svg", name: "follow.svg"},
-    		{src: "img/platformlogos/github.svg", name: "github.svg"},
-    		{src: "img/platformlogos/gitlab.svg", name: "gitlab.svg"},
-    		{src: "img/platformlogos/google.svg", name: "google.svg"},
-    		{src: "img/platformlogos/instagram.svg", name: "instagram.svg"},
-    		{src: "img/platformlogos/keyoxide.png", name: "keyoxide.png"},
-    		{src: "img/platformlogos/ko-fi.svg", name: "ko-fi.svg"},
-    		{src: "img/platformlogos/lbry.svg", name: "lbry.svg"},
-    		{src: "img/platformlogos/liberapay.svg", name: "liberapay.svg"},
-    		{src: "img/platformlogos/link.svg", name: "link.svg"},
-    		{src: "img/platformlogos/linkedin.svg", name: "linkedin.svg"},
-    		{src: "img/platformlogos/mastodon.svg", name: "mastodon.svg"},
-    		{src: "img/platformlogos/matrix.svg", name: "matrix.svg"},
-    		{src: "img/platformlogos/odysee.svg", name: "odysee.svg"},
-    		{src: "img/platformlogos/patreon.svg", name: "patreon.svg"},
-    		{src: "img/platformlogos/paypal.svg", name: "paypal.svg"},
-    		{src: "img/platformlogos/snapchat.svg", name: "snapchat.svg"},
-    		{src: "img/platformlogos/soundcloud.svg", name: "soundcloud.svg"},
-    		{src: "img/platformlogos/spotify.svg", name: "spotify.svg"},
-    		{src: "img/platformlogos/steam.svg", name: "steam.svg"},
-    		{src: "img/platformlogos/tiktok.svg", name: "tiktok.svg"},
-    		{src: "img/platformlogos/twitch.svg", name: "twitch.svg"},
-    		{src: "img/platformlogos/twitter.svg", name: "twitter.svg"},
-    		{src: "img/platformlogos/xmpp.svg", name: "xmpp.svg"},
-    		{src: "img/platformlogos/youtube.svg", name: "youtube.svg"},
+    		{src: "/img/platformlogos/bandcamp.svg", name: "bandcamp.svg"},
+    		{src: "/img/platformlogos/default.svg", name: "default.svg"},
+    		{src: "/img/platformlogos/discord.svg", name: "discord.svg"},
+    		{src: "/img/platformlogos/donate.svg", name: "donate.svg"},
+    		{src: "/img/platformlogos/facebook.svg", name: "facebook.svg"},
+    		{src: "/img/platformlogos/fediverse.svg", name: "fediverse.svg"},
+    		{src: "/img/platformlogos/follow.svg", name: "follow.svg"},
+    		{src: "/img/platformlogos/github.svg", name: "github.svg"},
+    		{src: "/img/platformlogos/gitlab.svg", name: "gitlab.svg"},
+    		{src: "/img/platformlogos/google.svg", name: "google.svg"},
+    		{src: "/img/platformlogos/instagram.svg", name: "instagram.svg"},
+    		{src: "/img/platformlogos/keyoxide.png", name: "keyoxide.png"},
+    		{src: "/img/platformlogos/ko-fi.svg", name: "ko-fi.svg"},
+    		{src: "/img/platformlogos/lbry.svg", name: "lbry.svg"},
+    		{src: "/img/platformlogos/liberapay.svg", name: "liberapay.svg"},
+    		{src: "/img/platformlogos/link.svg", name: "link.svg"},
+    		{src: "/img/platformlogos/linkedin.svg", name: "linkedin.svg"},
+    		{src: "/img/platformlogos/mastodon.svg", name: "mastodon.svg"},
+    		{src: "/img/platformlogos/matrix.svg", name: "matrix.svg"},
+    		{src: "/img/platformlogos/odysee.svg", name: "odysee.svg"},
+    		{src: "/img/platformlogos/patreon.svg", name: "patreon.svg"},
+    		{src: "/img/platformlogos/paypal.svg", name: "paypal.svg"},
+    		{src: "/img/platformlogos/snapchat.svg", name: "snapchat.svg"},
+    		{src: "/img/platformlogos/soundcloud.svg", name: "soundcloud.svg"},
+    		{src: "/img/platformlogos/spotify.svg", name: "spotify.svg"},
+    		{src: "/img/platformlogos/steam.svg", name: "steam.svg"},
+    		{src: "/img/platformlogos/tiktok.svg", name: "tiktok.svg"},
+    		{src: "/img/platformlogos/twitch.svg", name: "twitch.svg"},
+    		{src: "/img/platformlogos/twitter.svg", name: "twitter.svg"},
+    		{src: "/img/platformlogos/xmpp.svg", name: "xmpp.svg"},
+    		{src: "/img/platformlogos/youtube.svg", name: "youtube.svg"},
     ]}/>
 
diff --git a/web/.storybook/stories-category-doc-pages/Tshirt.stories.mdx b/web/.storybook/stories-category-doc-pages/Tshirt.stories.mdx
new file mode 100644
index 000000000..c4355c115
--- /dev/null
+++ b/web/.storybook/stories-category-doc-pages/Tshirt.stories.mdx
@@ -0,0 +1,23 @@
+import { Canvas, Meta, Story } from '@storybook/addon-docs';
+import { Image, ImageRow } from './ImageAsset';
+
+<Meta title="owncast/Project Assets/T-Shirt" />
+
+# T-shirt
+
+    <ImageRow images={[
+    		{src: "/tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde52297.png", name: "all-over-print-mens-crew-neck-t-shirt-white-back-60873dde52297.png"},
+    		{src: "/tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde523ae.png", name: "all-over-print-mens-crew-neck-t-shirt-white-back-60873dde523ae.png"},
+    		{src: "/tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde524ca.png", name: "all-over-print-mens-crew-neck-t-shirt-white-back-60873dde524ca.png"},
+    		{src: "/tshirt/all-over-print-mens-crew-neck-t-shirt-white-front-60873dde51eb3.png", name: "all-over-print-mens-crew-neck-t-shirt-white-front-60873dde51eb3.png"},
+    		{src: "/tshirt/all-over-print-mens-crew-neck-t-shirt-white-front-60873dde52064.png", name: "all-over-print-mens-crew-neck-t-shirt-white-front-60873dde52064.png"},
+    		{src: "/tshirt/all-over-print-mens-crew-neck-t-shirt-white-left-60873dde525e2.png", name: "all-over-print-mens-crew-neck-t-shirt-white-left-60873dde525e2.png"},
+    		{src: "/tshirt/all-over-print-mens-crew-neck-t-shirt-white-right-60873dde52184.png", name: "all-over-print-mens-crew-neck-t-shirt-white-right-60873dde52184.png"},
+    		{src: "/tshirt/all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62999.png", name: "all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62999.png"},
+    		{src: "/tshirt/all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62aa4.png", name: "all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62aa4.png"},
+    		{src: "/tshirt/all-over-print-womens-crew-neck-t-shirt-white-front-6087418b626d5.png", name: "all-over-print-womens-crew-neck-t-shirt-white-front-6087418b626d5.png"},
+    		{src: "/tshirt/all-over-print-womens-crew-neck-t-shirt-white-front-6087418b62878.png", name: "all-over-print-womens-crew-neck-t-shirt-white-front-6087418b62878.png"},
+    		{src: "/tshirt/all-over-print-womens-crew-neck-t-shirt-white-left-6087418b62b91.png", name: "all-over-print-womens-crew-neck-t-shirt-white-left-6087418b62b91.png"},
+    		{src: "/tshirt/all-over-print-womens-crew-neck-t-shirt-white-right-6087418b62c88.png", name: "all-over-print-womens-crew-neck-t-shirt-white-right-6087418b62c88.png"},
+    ]}/>
+
diff --git a/web/.storybook/story-assets/project/header.png b/web/.storybook/story-assets/project/header.png
new file mode 100644
index 000000000..0f823f2aa
Binary files /dev/null and b/web/.storybook/story-assets/project/header.png differ
diff --git a/web/.storybook/story-assets/project/kiss-cut-stickers-5.5x5.5-default-60874a6c11849.png b/web/.storybook/story-assets/project/kiss-cut-stickers-5.5x5.5-default-60874a6c11849.png
new file mode 100644
index 000000000..32e5c4e6e
Binary files /dev/null and b/web/.storybook/story-assets/project/kiss-cut-stickers-5.5x5.5-default-60874a6c11849.png differ
diff --git a/web/.storybook/story-assets/project/logo-glare-outlined.png b/web/.storybook/story-assets/project/logo-glare-outlined.png
new file mode 100644
index 000000000..32e5c4e6e
Binary files /dev/null and b/web/.storybook/story-assets/project/logo-glare-outlined.png differ
diff --git a/web/.storybook/story-assets/project/logo-glare-vector.svg b/web/.storybook/story-assets/project/logo-glare-vector.svg
new file mode 100644
index 000000000..833026294
--- /dev/null
+++ b/web/.storybook/story-assets/project/logo-glare-vector.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 95.68623352050781 104.46271514892578">  <g transform="matrix(1 0 0 1 -37.08803939819336 -18.940391540527344)"> <g> <g> <g is="lm-picture">  <g transform="matrix(1.0445680396949917 0 0 1.0445679172996596 36.34559138380523 18.877718021903796)"> <g transform="matrix(1 0 0 1 0 0)"> <defs> <linearGradient x1="0" y1="0" x2="0" y2="1" id="gradient120" gradientTransform="rotate(-90 .5 .5)"> <stop offset="0" stop-color="#1f2022" stop-opacity="1"/><stop offset="1" stop-color="#635e69" stop-opacity="1"/> </linearGradient>  </defs> <path fill="url(#gradient120)" d="M91.5 75.35Q93.05 71.15 91.65 67.7 90.35 64.5 86.65 62.3 83.2 60.3 78.3 59.4 73.85 58.6 68.6 58.7 63.55 58.85 58.8 59.8 54.25 60.75 50.8 62.2 47.4 63.65 45.5 65.35 43.6 67.15 43.5 69.05 43.35 71.3 45.8 73.9 48.05 76.3 52.1 78.6 56.15 80.9 61.05 82.55 66.3 84.3 71.4 84.8 74.7 85.1 77.55 84.9 80.65 84.6 83.3 83.6 86.15 82.5 88.15 80.55 90.4 78.4 91.5 75.35M70.6 67.5Q72.3 68.4 73.1 69.7 73.9 71.15 73.45 73 73.1 74.3 72.3 75.25 71.55 76.1 70.3 76.6 69.25 77.05 67.75 77.25 66.3 77.4 64.85 77.3 62.3 77.15 59.25 76.3 56.6 75.5 54.15 74.3 51.9 73.2 50.45 72 49.05 70.75 49.1 69.8 49.2 69 50.25 68.25 51.3 67.55 53.15 67 55 66.4 57.25 66.1 59.8 65.8 62.1 65.8 64.65 65.85 66.7 66.2 68.9 66.65 70.6 67.5Z"/> </g><g transform="matrix(1 0 0 1 0 0)"> <defs> <linearGradient x1="0" y1="0" x2="0" y2="1" id="gradient121" gradientTransform="rotate(-180 .5 .5)"> <stop offset="0" stop-color="#2087e2" stop-opacity="1"/><stop offset="1" stop-color="#b63fff" stop-opacity="1"/> </linearGradient>  </defs> <path fill="url(#gradient121)" d="M66.6 15.05Q66.4 9.65 63.9 6.05 61.25 2.1 56.1 0.65 54.95 0.3 53.65 0.15 52.5 0 51.3 0.1 50.2 0.1 49.1 0.35 48.15 0.55 47 1 43.3 2.45 40.3 6.1 37.5 9.4 35.5 14.3 33.75 18.45 32.7 23.4 31.7 28.05 31.35 32.85 31.05 37.2 31.3 41.2 31.6 45.15 32.4 48.35 34 54.9 37.3 56.4 37.6 56.55 37.9 56.65L39.2 56.85Q39.45 56.85 39.95 56.8 42.05 56.6 44.7 55.05 47.25 53.5 50.05 50.8 53.05 47.9 55.85 44.05 58.8 40.05 61.1 35.6 63.8 30.35 65.25 25.3 66.75 19.75 66.6 15.05M47.55 23.15Q48.05 23.25 48.4 23.4 52.45 24.8 52.55 29.85 52.6 34 50 39.4 47.85 43.9 44.85 47.3 42.05 50.5 40.15 50.7L39.9 50.75 39.45 50.7 39.2 50.6Q37.8 49.95 37.25 46.35 36.7 42.7 37.3 38 37.95 32.75 39.75 28.8 41.9 24.1 45.05 23.25 45.6 23.1 45.85 23.1 46.25 23.05 46.65 23.05 47.05 23.05 47.55 23.15Z"/> </g><g transform="matrix(1 0 0 1 0 0)"> <defs> <linearGradient x1="0" y1="0" x2="0" y2="1" id="gradient122" gradientTransform="rotate(-90 .5 .5)"> <stop offset="0" stop-color="#100f0f" stop-opacity="1"/><stop offset="1" stop-color="#49261F" stop-opacity="1"/> </linearGradient>  </defs> <path fill="url(#gradient122)" d="M2.7 33.6Q2.1 34.4 1.7 35.35 1.25 36.5 1.05 37.7 0 42.6 2.2 47.2 4 51 8 54.35 11.55 57.3 16 59.15 20.5 61 23.85 60.85 24.5 60.85 25.25 60.7 26 60.55 26.5 60.3 27 60.05 27.45 59.65 27.9 59.25 28.15 58.75 29.35 56.45 27.5 51.65 25.6 47 21.75 42.1 17.75 37 13.4 34.05 8.7 30.9 5.45 31.7 4.65 31.9 3.95 32.4 3.25 32.85 2.7 33.6M10.1 43.55Q10.35 43.1 10.6 42.85 10.85 42.6 11.2 42.4 11.6 42.25 11.9 42.2 13.5 41.9 15.95 43.6 18.15 45.05 20.35 47.7 22.35 50.1 23.55 52.4 24.7 54.75 24.25 55.7 24.15 55.9 24 56 23.85 56.2 23.65 56.25 23.55 56.35 23.25 56.4L22.7 56.5Q21.1 56.6 18.55 55.6 16.05 54.6 13.85 52.95 11.5 51.2 10.35 49.15 9.05 46.8 9.75 44.45 9.9 43.95 10.1 43.55Z"/> </g><g transform="matrix(1 0 0 1 0 0)"> <defs> <linearGradient x1="0" y1="0" x2="0" y2="1" id="gradient123" gradientTransform="rotate(-180 .5 .5)"> <stop offset="0" stop-color="#222020" stop-opacity="1"/><stop offset="1" stop-color="#49261F" stop-opacity="1"/> </linearGradient>  </defs> <path fill="url(#gradient123)" d="M34.95 74.2L34.75 74.2Q33.2 74.15 31.9 75.25 30.7 76.3 29.85 78.25 29.1 80 28.8 82.2 28.5 84.4 28.7 86.65 29.1 91.4 31.5 94.7 34.3 98.5 39.3 99.7L39.4 99.7 39.7 99.8 39.85 99.8Q45.3 100.85 47.15 97.75 48 96.3 48 94.05 47.95 91.9 47.2 89.35 46.45 86.75 45.1 84.15 43.75 81.5 42.05 79.35 40.25 77.1 38.45 75.75 36.55 74.35 34.95 74.2M33.55 80.4Q34.35 78.2 35.6 78.3L35.65 78.3Q36.9 78.45 38.6 80.9 40.3 83.35 41.15 86.05 42.1 89 41.55 90.75 40.9 92.6 38.35 92.25L38.3 92.25 38.25 92.2 38.1 92.2Q35.6 91.7 34.25 89.6 33.1 87.7 32.95 85 32.8 82.35 33.55 80.4Z"/> </g><g transform="matrix(0.9999999999999999 0 0 1 0 5.684341886080802e-14)"> <defs> <linearGradient x1="0" y1="0" x2="0" y2="1" id="gradient124" gradientTransform="rotate(-180 .5 .5)"> <stop offset="0" stop-color="#1e1c1c" stop-opacity="1"/><stop offset="1" stop-color="#49261F" stop-opacity="1"/> </linearGradient>  </defs> <path fill="url(#gradient124)" d="M22.7 69.65Q22.25 69.3 21.6 69.05 20.95 68.8 20.25 68.7 19.6 68.55 18.85 68.5 16.7 68.45 14.65 69.15 12.65 69.8 11.4 71.1 10.15 72.5 10.2 74.2 10.25 76.05 11.95 78.2 12.4 78.75 13.05 79.4 13.55 79.9 14.2 80.3 14.7 80.6 15.3 80.85 16 81.1 16.4 81.1 18.2 81.35 19.9 80.35 21.55 79.4 22.75 77.65 24 75.85 24.3 73.95 24.6 71.85 23.55 70.5 23.15 70 22.7 69.65M21.7 71.7Q22.15 72.3 21.9 73.3 21.7 74.25 21 75.25 20.3 76.2 19.4 76.75 18.45 77.35 17.55 77.25L17 77.15Q16.7 77.05 16.45 76.85 16.25 76.75 15.9 76.45 15.7 76.25 15.4 75.9 14.5 74.75 14.7 73.8 14.8 72.95 15.75 72.3 16.6 71.7 17.8 71.4 19 71.1 20.1 71.15L20.65 71.2 21.1 71.3Q21.3 71.4 21.45 71.5L21.7 71.7Z"/> </g><g transform="matrix(1 0 0 1 0 0)"> <defs> <linearGradient x1="0" y1="0" x2="0" y2="1" id="gradient125" gradientTransform="rotate(-360 .5 .5)"> <stop offset="0" stop-color="#FFFFFF" stop-opacity="0.5"/><stop offset="1" stop-color="#FFFFFF" stop-opacity="0.2"/> </linearGradient>  </defs> <path fill="url(#gradient125)" d="M52.6 19.25Q59.6 19.25 66.2 20.95 66.7 17.8 66.6 15.05 66.4 9.65 63.9 6.05 61.25 2.1 56.1 0.65 54.95 0.3 53.65 0.15 52.5 0 51.3 0.1 50.2 0.1 49.1 0.35 48.15 0.55 47 1 43.3 2.45 40.3 6.1 37.5 9.4 35.5 14.3 33.85 18.3 32.8 22.85 42.25 19.25 52.6 19.25Z"/> </g><g transform="matrix(1 0 0 1 0 0)"> <defs> <linearGradient x1="0" y1="0" x2="0" y2="1" id="gradient126" gradientTransform="rotate(-360 .5 .5)"> <stop offset="0" stop-color="#FFFFFF" stop-opacity="0.5"/><stop offset="1" stop-color="#FFFFFF" stop-opacity="0.2"/> </linearGradient>  </defs> <path fill="url(#gradient126)" d="M1.05 37.7Q0 42.6 2.2 47.2 2.95 48.8 4.05 50.25 7.55 41.65 14.4 34.75 14 34.45 13.4 34.05 8.7 30.9 5.45 31.7 4.65 31.9 3.95 32.4 3.25 32.85 2.7 33.6 2.1 34.4 1.7 35.35 1.25 36.5 1.05 37.7Z"/> </g> </g> </g><g is="lm-text" transform="matrix(1.219512230276127 0 0 1.2195122143630526 32.82519274395008 88.56945194723018)">   <path fill="#000000" fill-opacity="1" d=""/> </g> </g> </g> </g> </svg>
\ No newline at end of file
diff --git a/web/.storybook/story-assets/project/logo-noglare-vector.svg b/web/.storybook/story-assets/project/logo-noglare-vector.svg
new file mode 100644
index 000000000..ac3f9b784
--- /dev/null
+++ b/web/.storybook/story-assets/project/logo-noglare-vector.svg
@@ -0,0 +1 @@
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="43.4913" x2="92.3144" y1="84.98" y2="84.98"><stop offset="0" stop-color="#1f2022"/><stop offset="1" stop-color="#635e69"/></linearGradient><linearGradient id="b" gradientTransform="matrix(0 -56.79 56.79 0 66.6136 56.85)" gradientUnits="userSpaceOnUse" x1="0" x2="1" y1="0" y2="0"><stop offset="0" stop-color="#2087e2"/><stop offset="1" stop-color="#b63fff"/></linearGradient><linearGradient id="c" gradientUnits="userSpaceOnUse" x1=".710769" x2="28.622169" y1="60.8612" y2="60.8612"><stop offset="0" stop-color="#100f0f"/><stop offset="1" stop-color="#49261f"/></linearGradient><linearGradient id="d" gradientTransform="matrix(0 -25.8678 25.8678 0 48 100.066)" gradientUnits="userSpaceOnUse" x1="0" x2="1" y1="0" y2="0"><stop offset="0" stop-color="#222020"/><stop offset="1" stop-color="#49261f"/></linearGradient><linearGradient id="e" gradientTransform="matrix(0 -12.6533 12.6533 0 24.3667 81.15)" gradientUnits="userSpaceOnUse" x1="0" x2="1" y1="0" y2="0"><stop offset="0" stop-color="#1e1c1c"/><stop offset="1" stop-color="#49261f"/></linearGradient><clipPath id="f"><path clip-rule="evenodd" d="m6.794 4.146h125.981v119.257h-125.981z"/></clipPath><g clip-path="url(#f)" transform="translate(-24.9312 -11.1717)"><g fill-rule="nonzero" transform="matrix(1.04457 0 0 1.04457 36.3456 18.8777)"><path d="m91.5 75.35c1.033-2.8 1.083-5.35.15-7.65-.867-2.133-2.533-3.933-5-5.4-2.3-1.333-5.083-2.3-8.35-2.9-2.967-.533-6.2-.767-9.7-.7-3.367.1-6.633.467-9.8 1.1-3.033.633-5.7 1.433-8 2.4-2.267.967-4.033 2.017-5.3 3.15-1.267 1.2-1.933 2.433-2 3.7-.1 1.5.667 3.117 2.3 4.85 1.5 1.6 3.6 3.167 6.3 4.7s5.683 2.85 8.95 3.95c3.5 1.167 6.95 1.917 10.35 2.25 2.2.2 4.25.233 6.15.1 2.067-.2 3.983-.633 5.75-1.3 1.9-.733 3.517-1.75 4.85-3.05 1.5-1.433 2.617-3.167 3.35-5.2m-20.9-7.85c1.133.6 1.967 1.333 2.5 2.2.533.967.65 2.067.35 3.3-.233.867-.617 1.617-1.15 2.25-.5.567-1.167 1.017-2 1.35-.7.3-1.55.517-2.55.65-.967.1-1.933.117-2.9.05-1.7-.1-3.567-.433-5.6-1-1.767-.533-3.467-1.2-5.1-2-1.5-.733-2.733-1.5-3.7-2.3-.933-.833-1.383-1.567-1.35-2.2.067-.533.45-1.05 1.15-1.55.7-.467 1.667-.883 2.9-1.25 1.233-.4 2.6-.7 4.1-.9 1.7-.2 3.317-.3 4.85-.3 1.7.033 3.233.167 4.6.4 1.467.3 2.767.733 3.9 1.3z" fill="url(#a)"/><path d="m66.6 15.05c-.133-3.6-1.033-6.6-2.7-9-1.767-2.633-4.367-4.433-7.8-5.4-.767-.233-1.583-.4-2.45-.5-.767-.1-1.55-.117-2.35-.05-.733 0-1.467.083-2.2.25-.633.133-1.333.35-2.1.65-2.467.967-4.7 2.667-6.7 5.1-1.867 2.2-3.467 4.933-4.8 8.2-1.167 2.767-2.1 5.8-2.8 9.1-.667 3.1-1.117 6.25-1.35 9.45-.2 2.9-.217 5.683-.05 8.35.2 2.633.567 5.017 1.1 7.15 1.067 4.367 2.7 7.05 4.9 8.05.2.1.4.183.6.25l1.3.2c.167 0 .417-.017.75-.05 1.4-.133 2.983-.717 4.75-1.75 1.7-1.033 3.483-2.45 5.35-4.25 2-1.933 3.933-4.183 5.8-6.75 1.967-2.667 3.717-5.483 5.25-8.45 1.8-3.5 3.183-6.933 4.15-10.3 1-3.7 1.45-7.117 1.35-10.25m-19.05 8.1c.333.067.617.15.85.25 2.7.933 4.083 3.083 4.15 6.45.033 2.767-.817 5.95-2.55 9.55-1.433 3-3.15 5.633-5.15 7.9-1.867 2.133-3.433 3.267-4.7 3.4l-.25.05-.45-.05-.25-.1c-.933-.433-1.583-1.85-1.95-4.25-.367-2.433-.35-5.217.05-8.35.433-3.5 1.25-6.567 2.45-9.2 1.433-3.133 3.2-4.983 5.3-5.55.367-.1.633-.15.8-.15.267-.033.533-.05.8-.05s.567.033.9.1z" fill="url(#b)"/><path d="m2.7 33.6c-.4.533-.733 1.117-1 1.75-.3.767-.517 1.55-.65 2.35-.7 3.267-.317 6.433 1.15 9.5 1.2 2.533 3.133 4.917 5.8 7.15 2.367 1.967 5.033 3.567 8 4.8 3 1.233 5.617 1.8 7.85 1.7.433 0 .9-.05 1.4-.15s.917-.233 1.25-.4.65-.383.95-.65.533-.567.7-.9c.8-1.533.583-3.9-.65-7.1-1.267-3.1-3.183-6.283-5.75-9.55-2.667-3.4-5.45-6.083-8.35-8.05-3.133-2.1-5.783-2.883-7.95-2.35-.533.133-1.033.367-1.5.7-.467.3-.883.7-1.25 1.2m7.4 9.95c.167-.3.333-.533.5-.7s.367-.317.6-.45c.267-.1.5-.167.7-.2 1.067-.2 2.417.267 4.05 1.4 1.467.967 2.933 2.333 4.4 4.1 1.333 1.6 2.4 3.167 3.2 4.7.767 1.567 1 2.667.7 3.3-.067.133-.15.233-.25.3-.1.133-.217.217-.35.25-.067.067-.2.117-.4.15l-.55.1c-1.067.067-2.45-.233-4.15-.9-1.667-.667-3.233-1.55-4.7-2.65-1.567-1.167-2.733-2.433-3.5-3.8-.867-1.567-1.067-3.133-.6-4.7.1-.333.217-.633.35-.9z" fill="url(#c)"/><path d="m34.95 74.2h-.2c-1.033-.033-1.983.317-2.85 1.05-.8.7-1.483 1.7-2.05 3-.5 1.167-.85 2.483-1.05 3.95s-.233 2.95-.1 4.45c.267 3.167 1.2 5.85 2.8 8.05 1.867 2.533 4.467 4.2 7.8 5h.1l.3.1h.15c3.633.7 6.067.017 7.3-2.05.567-.967.85-2.2.85-3.7-.033-1.433-.3-3-.8-4.7-.5-1.733-1.2-3.467-2.1-5.2-.9-1.767-1.917-3.367-3.05-4.8-1.2-1.5-2.4-2.7-3.6-3.6-1.267-.933-2.433-1.45-3.5-1.55m-1.4 6.2c.533-1.467 1.217-2.167 2.05-2.1h.05c.833.1 1.817.967 2.95 2.6s1.983 3.35 2.55 5.15c.633 1.967.767 3.533.4 4.7-.433 1.233-1.5 1.733-3.2 1.5h-.05l-.05-.05h-.15c-1.667-.333-2.95-1.2-3.85-2.6-.767-1.267-1.2-2.8-1.3-4.6-.1-1.767.1-3.3.6-4.6z" fill="url(#d)"/><path d="m22.7 69.65c-.3-.233-.667-.433-1.1-.6s-.883-.283-1.35-.35c-.433-.1-.9-.167-1.4-.2-1.433-.033-2.833.183-4.2.65-1.333.433-2.417 1.083-3.25 1.95-.833.933-1.233 1.967-1.2 3.1.033 1.233.617 2.567 1.75 4 .3.367.667.767 1.1 1.2.333.333.717.633 1.15.9.333.2.7.383 1.1.55.467.167.833.25 1.1.25 1.2.167 2.367-.083 3.5-.75 1.1-.633 2.05-1.533 2.85-2.7.833-1.2 1.35-2.433 1.55-3.7.2-1.4-.05-2.55-.75-3.45-.267-.333-.55-.617-.85-.85m-1 2.05c.3.4.367.933.2 1.6-.133.633-.433 1.283-.9 1.95-.467.633-1 1.133-1.6 1.5-.633.4-1.25.567-1.85.5l-.55-.1c-.2-.067-.383-.167-.55-.3-.133-.067-.317-.2-.55-.4-.133-.133-.3-.317-.5-.55-.6-.767-.833-1.467-.7-2.1.067-.567.417-1.067 1.05-1.5.567-.4 1.25-.7 2.05-.9s1.567-.283 2.3-.25l.55.05.45.1c.133.067.25.133.35.2z" fill="url(#e)"/></g></g></svg>
\ No newline at end of file
diff --git a/web/.storybook/story-assets/project/logo-translucent-grey.svg b/web/.storybook/story-assets/project/logo-translucent-grey.svg
new file mode 100644
index 000000000..a470db27a
--- /dev/null
+++ b/web/.storybook/story-assets/project/logo-translucent-grey.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="100%"
+   height="100%"
+   viewBox="0 0 96 105"
+   version="1.1"
+   xml:space="preserve"
+   style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
+   class="svg-logo-solid"
+   id="svg125"
+   sodipodi:docname="logo-translucent-grey.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs129" /><sodipodi:namedview
+   id="namedview127"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   showgrid="false"
+   inkscape:zoom="7.4571429"
+   inkscape:cx="19.444444"
+   inkscape:cy="68.591954"
+   inkscape:window-width="1916"
+   inkscape:window-height="1055"
+   inkscape:window-x="0"
+   inkscape:window-y="21"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="svg125" />
+    <g
+   transform="matrix(1.04457,0,0,1.04457,-0.742448,-0.0626735)"
+   id="g123"
+   style="fill:#4699ff;opacity:0.04;fill-opacity:1">
+        <g
+   id="g105"
+   style="fill:#4699ff;fill-opacity:1">
+            <path
+   d="M91.5,75.35C92.533,72.55 92.583,70 91.65,67.7C90.783,65.567 89.117,63.767 86.65,62.3C84.35,60.967 81.567,60 78.3,59.4C75.333,58.867 72.1,58.633 68.6,58.7C65.233,58.8 61.967,59.167 58.8,59.8C55.767,60.433 53.1,61.233 50.8,62.2C48.533,63.167 46.767,64.217 45.5,65.35C44.233,66.55 43.567,67.783 43.5,69.05C43.4,70.55 44.167,72.167 45.8,73.9C47.3,75.5 49.4,77.067 52.1,78.6C54.8,80.133 57.783,81.45 61.05,82.55C64.55,83.717 68,84.467 71.4,84.8C73.6,85 75.65,85.033 77.55,84.9C79.617,84.7 81.533,84.267 83.3,83.6C85.2,82.867 86.817,81.85 88.15,80.55C89.65,79.117 90.767,77.383 91.5,75.35M70.6,67.5C71.733,68.1 72.567,68.833 73.1,69.7C73.633,70.667 73.75,71.767 73.45,73C73.217,73.867 72.833,74.617 72.3,75.25C71.8,75.817 71.133,76.267 70.3,76.6C69.6,76.9 68.75,77.117 67.75,77.25C66.783,77.35 65.817,77.367 64.85,77.3C63.15,77.2 61.283,76.867 59.25,76.3C57.483,75.767 55.783,75.1 54.15,74.3C52.65,73.567 51.417,72.8 50.45,72C49.517,71.167 49.067,70.433 49.1,69.8C49.167,69.267 49.55,68.75 50.25,68.25C50.95,67.783 51.917,67.367 53.15,67C54.383,66.6 55.75,66.3 57.25,66.1C58.95,65.9 60.567,65.8 62.1,65.8C63.8,65.833 65.333,65.967 66.7,66.2C68.167,66.5 69.467,66.933 70.6,67.5Z"
+   style="fill:#4699ff;fill-rule:nonzero;fill-opacity:1"
+   id="path103" />
+        </g>
+        <g
+   id="g109"
+   style="fill:#4699ff;fill-opacity:1">
+            <path
+   d="M66.6,15.05C66.467,11.45 65.567,8.45 63.9,6.05C62.133,3.417 59.533,1.617 56.1,0.65C55.333,0.417 54.517,0.25 53.65,0.15C52.883,0.05 52.1,0.033 51.3,0.1C50.567,0.1 49.833,0.183 49.1,0.35C48.467,0.483 47.767,0.7 47,1C44.533,1.967 42.3,3.667 40.3,6.1C38.433,8.3 36.833,11.033 35.5,14.3C34.333,17.067 33.4,20.1 32.7,23.4C32.033,26.5 31.583,29.65 31.35,32.85C31.15,35.75 31.133,38.533 31.3,41.2C31.5,43.833 31.867,46.217 32.4,48.35C33.467,52.717 35.1,55.4 37.3,56.4C37.5,56.5 37.7,56.583 37.9,56.65L39.2,56.85C39.367,56.85 39.617,56.833 39.95,56.8C41.35,56.667 42.933,56.083 44.7,55.05C46.4,54.017 48.183,52.6 50.05,50.8C52.05,48.867 53.983,46.617 55.85,44.05C57.817,41.383 59.567,38.567 61.1,35.6C62.9,32.1 64.283,28.667 65.25,25.3C66.25,21.6 66.7,18.183 66.6,15.05M47.55,23.15C47.883,23.217 48.167,23.3 48.4,23.4C51.1,24.333 52.483,26.483 52.55,29.85C52.583,32.617 51.733,35.8 50,39.4C48.567,42.4 46.85,45.033 44.85,47.3C42.983,49.433 41.417,50.567 40.15,50.7L39.9,50.75L39.45,50.7L39.2,50.6C38.267,50.167 37.617,48.75 37.25,46.35C36.883,43.917 36.9,41.133 37.3,38C37.733,34.5 38.55,31.433 39.75,28.8C41.183,25.667 42.95,23.817 45.05,23.25C45.417,23.15 45.683,23.1 45.85,23.1C46.117,23.067 46.383,23.05 46.65,23.05C46.917,23.05 47.217,23.083 47.55,23.15Z"
+   style="fill:#4699ff;fill-rule:nonzero;fill-opacity:1"
+   id="path107" />
+        </g>
+        <g
+   id="g113"
+   style="fill:#4699ff;fill-opacity:1">
+            <path
+   d="M2.7,33.6C2.3,34.133 1.967,34.717 1.7,35.35C1.4,36.117 1.183,36.9 1.05,37.7C0.35,40.967 0.733,44.133 2.2,47.2C3.4,49.733 5.333,52.117 8,54.35C10.367,56.317 13.033,57.917 16,59.15C19,60.383 21.617,60.95 23.85,60.85C24.283,60.85 24.75,60.8 25.25,60.7C25.75,60.6 26.167,60.467 26.5,60.3C26.833,60.133 27.15,59.917 27.45,59.65C27.75,59.383 27.983,59.083 28.15,58.75C28.95,57.217 28.733,54.85 27.5,51.65C26.233,48.55 24.317,45.367 21.75,42.1C19.083,38.7 16.3,36.017 13.4,34.05C10.267,31.95 7.617,31.167 5.45,31.7C4.917,31.833 4.417,32.067 3.95,32.4C3.483,32.7 3.067,33.1 2.7,33.6M10.1,43.55C10.267,43.25 10.433,43.017 10.6,42.85C10.767,42.683 10.967,42.533 11.2,42.4C11.467,42.3 11.7,42.233 11.9,42.2C12.967,42 14.317,42.467 15.95,43.6C17.417,44.567 18.883,45.933 20.35,47.7C21.683,49.3 22.75,50.867 23.55,52.4C24.317,53.967 24.55,55.067 24.25,55.7C24.183,55.833 24.1,55.933 24,56C23.9,56.133 23.783,56.217 23.65,56.25C23.583,56.317 23.45,56.367 23.25,56.4L22.7,56.5C21.633,56.567 20.25,56.267 18.55,55.6C16.883,54.933 15.317,54.05 13.85,52.95C12.283,51.783 11.117,50.517 10.35,49.15C9.483,47.583 9.283,46.017 9.75,44.45C9.85,44.117 9.967,43.817 10.1,43.55Z"
+   style="fill:#4699ff;fill-rule:nonzero;fill-opacity:1"
+   id="path111" />
+        </g>
+        <g
+   id="g117"
+   style="fill:#4699ff;fill-opacity:1">
+            <path
+   d="M34.95,74.2L34.75,74.2C33.717,74.167 32.767,74.517 31.9,75.25C31.1,75.95 30.417,76.95 29.85,78.25C29.35,79.417 29,80.733 28.8,82.2C28.6,83.667 28.567,85.15 28.7,86.65C28.967,89.817 29.9,92.5 31.5,94.7C33.367,97.233 35.967,98.9 39.3,99.7L39.4,99.7L39.7,99.8L39.85,99.8C43.483,100.5 45.917,99.817 47.15,97.75C47.717,96.783 48,95.55 48,94.05C47.967,92.617 47.7,91.05 47.2,89.35C46.7,87.617 46,85.883 45.1,84.15C44.2,82.383 43.183,80.783 42.05,79.35C40.85,77.85 39.65,76.65 38.45,75.75C37.183,74.817 36.017,74.3 34.95,74.2M33.55,80.4C34.083,78.933 34.767,78.233 35.6,78.3L35.65,78.3C36.483,78.4 37.467,79.267 38.6,80.9C39.733,82.533 40.583,84.25 41.15,86.05C41.783,88.017 41.917,89.583 41.55,90.75C41.117,91.983 40.05,92.483 38.35,92.25L38.3,92.25L38.25,92.2L38.1,92.2C36.433,91.867 35.15,91 34.25,89.6C33.483,88.333 33.05,86.8 32.95,85C32.85,83.233 33.05,81.7 33.55,80.4Z"
+   style="fill:#4699ff;fill-rule:nonzero;fill-opacity:1"
+   id="path115" />
+        </g>
+        <g
+   id="g121"
+   style="fill:#4699ff;fill-opacity:1">
+            <path
+   d="M22.7,69.65C22.4,69.417 22.033,69.217 21.6,69.05C21.167,68.883 20.717,68.767 20.25,68.7C19.817,68.6 19.35,68.533 18.85,68.5C17.417,68.467 16.017,68.683 14.65,69.15C13.317,69.583 12.233,70.233 11.4,71.1C10.567,72.033 10.167,73.067 10.2,74.2C10.233,75.433 10.817,76.767 11.95,78.2C12.25,78.567 12.617,78.967 13.05,79.4C13.383,79.733 13.767,80.033 14.2,80.3C14.533,80.5 14.9,80.683 15.3,80.85C15.767,81.017 16.133,81.1 16.4,81.1C17.6,81.267 18.767,81.017 19.9,80.35C21,79.717 21.95,78.817 22.75,77.65C23.583,76.45 24.1,75.217 24.3,73.95C24.5,72.55 24.25,71.4 23.55,70.5C23.283,70.167 23,69.883 22.7,69.65M21.7,71.7C22,72.1 22.067,72.633 21.9,73.3C21.767,73.933 21.467,74.583 21,75.25C20.533,75.883 20,76.383 19.4,76.75C18.767,77.15 18.15,77.317 17.55,77.25L17,77.15C16.8,77.083 16.617,76.983 16.45,76.85C16.317,76.783 16.133,76.65 15.9,76.45C15.767,76.317 15.6,76.133 15.4,75.9C14.8,75.133 14.567,74.433 14.7,73.8C14.767,73.233 15.117,72.733 15.75,72.3C16.317,71.9 17,71.6 17.8,71.4C18.6,71.2 19.367,71.117 20.1,71.15L20.65,71.2L21.1,71.3C21.233,71.367 21.35,71.433 21.45,71.5L21.7,71.7Z"
+   style="fill:#4699ff;fill-rule:nonzero;fill-opacity:1"
+   id="path119" />
+        </g>
+    </g>
+</svg>
diff --git a/web/.storybook/story-assets/project/logo-white.svg b/web/.storybook/story-assets/project/logo-white.svg
new file mode 100644
index 000000000..462a881f9
--- /dev/null
+++ b/web/.storybook/story-assets/project/logo-white.svg
@@ -0,0 +1,19 @@
+<svg width="100%" height="100%" viewBox="0 0 96 105" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" class="svg-logo-solid">
+    <g transform="matrix(1.04457,0,0,1.04457,-0.742448,-0.0626735)">
+        <g>
+            <path d="M91.5,75.35C92.533,72.55 92.583,70 91.65,67.7C90.783,65.567 89.117,63.767 86.65,62.3C84.35,60.967 81.567,60 78.3,59.4C75.333,58.867 72.1,58.633 68.6,58.7C65.233,58.8 61.967,59.167 58.8,59.8C55.767,60.433 53.1,61.233 50.8,62.2C48.533,63.167 46.767,64.217 45.5,65.35C44.233,66.55 43.567,67.783 43.5,69.05C43.4,70.55 44.167,72.167 45.8,73.9C47.3,75.5 49.4,77.067 52.1,78.6C54.8,80.133 57.783,81.45 61.05,82.55C64.55,83.717 68,84.467 71.4,84.8C73.6,85 75.65,85.033 77.55,84.9C79.617,84.7 81.533,84.267 83.3,83.6C85.2,82.867 86.817,81.85 88.15,80.55C89.65,79.117 90.767,77.383 91.5,75.35M70.6,67.5C71.733,68.1 72.567,68.833 73.1,69.7C73.633,70.667 73.75,71.767 73.45,73C73.217,73.867 72.833,74.617 72.3,75.25C71.8,75.817 71.133,76.267 70.3,76.6C69.6,76.9 68.75,77.117 67.75,77.25C66.783,77.35 65.817,77.367 64.85,77.3C63.15,77.2 61.283,76.867 59.25,76.3C57.483,75.767 55.783,75.1 54.15,74.3C52.65,73.567 51.417,72.8 50.45,72C49.517,71.167 49.067,70.433 49.1,69.8C49.167,69.267 49.55,68.75 50.25,68.25C50.95,67.783 51.917,67.367 53.15,67C54.383,66.6 55.75,66.3 57.25,66.1C58.95,65.9 60.567,65.8 62.1,65.8C63.8,65.833 65.333,65.967 66.7,66.2C68.167,66.5 69.467,66.933 70.6,67.5Z" style="fill:white;fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <path d="M66.6,15.05C66.467,11.45 65.567,8.45 63.9,6.05C62.133,3.417 59.533,1.617 56.1,0.65C55.333,0.417 54.517,0.25 53.65,0.15C52.883,0.05 52.1,0.033 51.3,0.1C50.567,0.1 49.833,0.183 49.1,0.35C48.467,0.483 47.767,0.7 47,1C44.533,1.967 42.3,3.667 40.3,6.1C38.433,8.3 36.833,11.033 35.5,14.3C34.333,17.067 33.4,20.1 32.7,23.4C32.033,26.5 31.583,29.65 31.35,32.85C31.15,35.75 31.133,38.533 31.3,41.2C31.5,43.833 31.867,46.217 32.4,48.35C33.467,52.717 35.1,55.4 37.3,56.4C37.5,56.5 37.7,56.583 37.9,56.65L39.2,56.85C39.367,56.85 39.617,56.833 39.95,56.8C41.35,56.667 42.933,56.083 44.7,55.05C46.4,54.017 48.183,52.6 50.05,50.8C52.05,48.867 53.983,46.617 55.85,44.05C57.817,41.383 59.567,38.567 61.1,35.6C62.9,32.1 64.283,28.667 65.25,25.3C66.25,21.6 66.7,18.183 66.6,15.05M47.55,23.15C47.883,23.217 48.167,23.3 48.4,23.4C51.1,24.333 52.483,26.483 52.55,29.85C52.583,32.617 51.733,35.8 50,39.4C48.567,42.4 46.85,45.033 44.85,47.3C42.983,49.433 41.417,50.567 40.15,50.7L39.9,50.75L39.45,50.7L39.2,50.6C38.267,50.167 37.617,48.75 37.25,46.35C36.883,43.917 36.9,41.133 37.3,38C37.733,34.5 38.55,31.433 39.75,28.8C41.183,25.667 42.95,23.817 45.05,23.25C45.417,23.15 45.683,23.1 45.85,23.1C46.117,23.067 46.383,23.05 46.65,23.05C46.917,23.05 47.217,23.083 47.55,23.15Z" style="fill:white;fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <path d="M2.7,33.6C2.3,34.133 1.967,34.717 1.7,35.35C1.4,36.117 1.183,36.9 1.05,37.7C0.35,40.967 0.733,44.133 2.2,47.2C3.4,49.733 5.333,52.117 8,54.35C10.367,56.317 13.033,57.917 16,59.15C19,60.383 21.617,60.95 23.85,60.85C24.283,60.85 24.75,60.8 25.25,60.7C25.75,60.6 26.167,60.467 26.5,60.3C26.833,60.133 27.15,59.917 27.45,59.65C27.75,59.383 27.983,59.083 28.15,58.75C28.95,57.217 28.733,54.85 27.5,51.65C26.233,48.55 24.317,45.367 21.75,42.1C19.083,38.7 16.3,36.017 13.4,34.05C10.267,31.95 7.617,31.167 5.45,31.7C4.917,31.833 4.417,32.067 3.95,32.4C3.483,32.7 3.067,33.1 2.7,33.6M10.1,43.55C10.267,43.25 10.433,43.017 10.6,42.85C10.767,42.683 10.967,42.533 11.2,42.4C11.467,42.3 11.7,42.233 11.9,42.2C12.967,42 14.317,42.467 15.95,43.6C17.417,44.567 18.883,45.933 20.35,47.7C21.683,49.3 22.75,50.867 23.55,52.4C24.317,53.967 24.55,55.067 24.25,55.7C24.183,55.833 24.1,55.933 24,56C23.9,56.133 23.783,56.217 23.65,56.25C23.583,56.317 23.45,56.367 23.25,56.4L22.7,56.5C21.633,56.567 20.25,56.267 18.55,55.6C16.883,54.933 15.317,54.05 13.85,52.95C12.283,51.783 11.117,50.517 10.35,49.15C9.483,47.583 9.283,46.017 9.75,44.45C9.85,44.117 9.967,43.817 10.1,43.55Z" style="fill:white;fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <path d="M34.95,74.2L34.75,74.2C33.717,74.167 32.767,74.517 31.9,75.25C31.1,75.95 30.417,76.95 29.85,78.25C29.35,79.417 29,80.733 28.8,82.2C28.6,83.667 28.567,85.15 28.7,86.65C28.967,89.817 29.9,92.5 31.5,94.7C33.367,97.233 35.967,98.9 39.3,99.7L39.4,99.7L39.7,99.8L39.85,99.8C43.483,100.5 45.917,99.817 47.15,97.75C47.717,96.783 48,95.55 48,94.05C47.967,92.617 47.7,91.05 47.2,89.35C46.7,87.617 46,85.883 45.1,84.15C44.2,82.383 43.183,80.783 42.05,79.35C40.85,77.85 39.65,76.65 38.45,75.75C37.183,74.817 36.017,74.3 34.95,74.2M33.55,80.4C34.083,78.933 34.767,78.233 35.6,78.3L35.65,78.3C36.483,78.4 37.467,79.267 38.6,80.9C39.733,82.533 40.583,84.25 41.15,86.05C41.783,88.017 41.917,89.583 41.55,90.75C41.117,91.983 40.05,92.483 38.35,92.25L38.3,92.25L38.25,92.2L38.1,92.2C36.433,91.867 35.15,91 34.25,89.6C33.483,88.333 33.05,86.8 32.95,85C32.85,83.233 33.05,81.7 33.55,80.4Z" style="fill:white;fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <path d="M22.7,69.65C22.4,69.417 22.033,69.217 21.6,69.05C21.167,68.883 20.717,68.767 20.25,68.7C19.817,68.6 19.35,68.533 18.85,68.5C17.417,68.467 16.017,68.683 14.65,69.15C13.317,69.583 12.233,70.233 11.4,71.1C10.567,72.033 10.167,73.067 10.2,74.2C10.233,75.433 10.817,76.767 11.95,78.2C12.25,78.567 12.617,78.967 13.05,79.4C13.383,79.733 13.767,80.033 14.2,80.3C14.533,80.5 14.9,80.683 15.3,80.85C15.767,81.017 16.133,81.1 16.4,81.1C17.6,81.267 18.767,81.017 19.9,80.35C21,79.717 21.95,78.817 22.75,77.65C23.583,76.45 24.1,75.217 24.3,73.95C24.5,72.55 24.25,71.4 23.55,70.5C23.283,70.167 23,69.883 22.7,69.65M21.7,71.7C22,72.1 22.067,72.633 21.9,73.3C21.767,73.933 21.467,74.583 21,75.25C20.533,75.883 20,76.383 19.4,76.75C18.767,77.15 18.15,77.317 17.55,77.25L17,77.15C16.8,77.083 16.617,76.983 16.45,76.85C16.317,76.783 16.133,76.65 15.9,76.45C15.767,76.317 15.6,76.133 15.4,75.9C14.8,75.133 14.567,74.433 14.7,73.8C14.767,73.233 15.117,72.733 15.75,72.3C16.317,71.9 17,71.6 17.8,71.4C18.6,71.2 19.367,71.117 20.1,71.15L20.65,71.2L21.1,71.3C21.233,71.367 21.35,71.433 21.45,71.5L21.7,71.7Z" style="fill:white;fill-rule:nonzero;"/>
+        </g>
+    </g>
+</svg>
diff --git a/web/.storybook/story-assets/project/owncast-background.png b/web/.storybook/story-assets/project/owncast-background.png
new file mode 100644
index 000000000..b1a92bf2e
Binary files /dev/null and b/web/.storybook/story-assets/project/owncast-background.png differ
diff --git a/web/.storybook/story-assets/project/owncast-browser-mobile.png b/web/.storybook/story-assets/project/owncast-browser-mobile.png
new file mode 100644
index 000000000..472f74bb1
Binary files /dev/null and b/web/.storybook/story-assets/project/owncast-browser-mobile.png differ
diff --git a/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde52297.png b/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde52297.png
new file mode 100644
index 000000000..b3826ac68
Binary files /dev/null and b/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde52297.png differ
diff --git a/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde523ae.png b/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde523ae.png
new file mode 100644
index 000000000..228a53ef4
Binary files /dev/null and b/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde523ae.png differ
diff --git a/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde524ca.png b/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde524ca.png
new file mode 100644
index 000000000..51753e4ad
Binary files /dev/null and b/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde524ca.png differ
diff --git a/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-front-60873dde51eb3.png b/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-front-60873dde51eb3.png
new file mode 100644
index 000000000..ce67f7adf
Binary files /dev/null and b/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-front-60873dde51eb3.png differ
diff --git a/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-front-60873dde52064.png b/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-front-60873dde52064.png
new file mode 100644
index 000000000..61048f241
Binary files /dev/null and b/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-front-60873dde52064.png differ
diff --git a/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-left-60873dde525e2.png b/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-left-60873dde525e2.png
new file mode 100644
index 000000000..09f18c54f
Binary files /dev/null and b/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-left-60873dde525e2.png differ
diff --git a/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-right-60873dde52184.png b/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-right-60873dde52184.png
new file mode 100644
index 000000000..5992d8ac1
Binary files /dev/null and b/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-right-60873dde52184.png differ
diff --git a/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62999.png b/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62999.png
new file mode 100644
index 000000000..c94b3cab4
Binary files /dev/null and b/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62999.png differ
diff --git a/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62aa4.png b/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62aa4.png
new file mode 100644
index 000000000..a7185547a
Binary files /dev/null and b/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62aa4.png differ
diff --git a/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-front-6087418b626d5.png b/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-front-6087418b626d5.png
new file mode 100644
index 000000000..0e7496791
Binary files /dev/null and b/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-front-6087418b626d5.png differ
diff --git a/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-front-6087418b62878.png b/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-front-6087418b62878.png
new file mode 100644
index 000000000..0d4717ccd
Binary files /dev/null and b/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-front-6087418b62878.png differ
diff --git a/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-left-6087418b62b91.png b/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-left-6087418b62b91.png
new file mode 100644
index 000000000..a98649b1c
Binary files /dev/null and b/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-left-6087418b62b91.png differ
diff --git a/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-right-6087418b62c88.png b/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-right-6087418b62c88.png
new file mode 100644
index 000000000..be3f425bf
Binary files /dev/null and b/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-right-6087418b62c88.png differ
diff --git a/web/.storybook/tools/Emoji.stories.mdx b/web/.storybook/tools/Emoji.stories.mdx
index c95c7edce..112069c7d 100644
--- a/web/.storybook/tools/Emoji.stories.mdx
+++ b/web/.storybook/tools/Emoji.stories.mdx
@@ -1,7 +1,7 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { Image, ImageRow } from './ImageAsset';
 
-<Meta title="owncast/Assets/Emoji" />
+<Meta title="owncast/Frontend Assets/Emoji" />
 
 # Built-in Custom Emoji
 
diff --git a/web/.storybook/tools/Images.stories.mdx b/web/.storybook/tools/Images.stories.mdx
index 3d6391169..592f337c3 100644
--- a/web/.storybook/tools/Images.stories.mdx
+++ b/web/.storybook/tools/Images.stories.mdx
@@ -1,7 +1,7 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { Image, ImageRow } from './ImageAsset';
 
-<Meta title="owncast/Assets/{{title}}" />
+<Meta title="{{category}}" />
 
 # {{capitalize title}}
 
diff --git a/web/.storybook/tools/generate-image-story.mjs b/web/.storybook/tools/generate-image-story.mjs
index 3ae81b945..a3280b831 100644
--- a/web/.storybook/tools/generate-image-story.mjs
+++ b/web/.storybook/tools/generate-image-story.mjs
@@ -11,13 +11,14 @@ handlebars.registerHelper('capitalize', function (str) {
 const args = process.argv;
 const dir = args[2];
 const title = args[3];
-if (args.length < 4) {
-  console.error('Usage: generate-image-story.mjs <dir> <title>');
+const category = args[4];
+const publicPath = args[5];
+
+if (args.length < 6) {
+  console.error('Usage: generate-image-story.mjs <dir> <title> <category> <webpublicpath>');
   process.exit(1);
 }
 
-const relativeDir = path.relative('../../public/', dir);
-
 const images = readdirSync(dir)
   .map(img => {
     const resolvedPath = path.resolve(dir, img);
@@ -25,11 +26,11 @@ const images = readdirSync(dir)
       return;
     }
 
-    return { name: img, src: `${relativeDir}/${img}` };
+    return { name: img, src: `${publicPath}/${img}` };
   })
   .filter(Boolean);
 
 const template = fs.readFileSync('./Images.stories.mdx', 'utf8');
 let t = handlebars.compile(template);
-let output = t({ images, title });
+let output = t({ images, title, category });
 console.log(output);
diff --git a/web/.storybook/tools/generate-stories.sh b/web/.storybook/tools/generate-stories.sh
index 7b363502a..4592594f1 100755
--- a/web/.storybook/tools/generate-stories.sh
+++ b/web/.storybook/tools/generate-stories.sh
@@ -11,5 +11,7 @@ node generate-document-stories.mjs
 
 # Project image assets
 
-node generate-image-story.mjs ../../public/img/ Images >../stories-category-doc-pages/Images.stories.mdx
-node generate-image-story.mjs ../../public/img/platformlogos/ "Social Platform Images" >../stories-category-doc-pages/SocialPlatformImages.stories.mdx
+node generate-image-story.mjs ../../public/img/ Images "owncast/Frontend Assets/Images" "/img" >../stories-category-doc-pages/Images.stories.mdx
+node generate-image-story.mjs ../../public/img/platformlogos/ "Social Platform Images" "owncast/Frontend Assets/Social Platform Images" "/img/platformlogos" >../stories-category-doc-pages/SocialPlatformImages.stories.mdx
+node generate-image-story.mjs ../story-assets/project/ "Logos & Graphics" "owncast/Project Assets/Logos & Graphics" "/project" >../stories-category-doc-pages/LogosAndGraphics.stories.mdx
+node generate-image-story.mjs ../story-assets/tshirt/ "T-shirt" "owncast/Project Assets/T-Shirt" "/tshirt" >../stories-category-doc-pages/Tshirt.stories.mdx