diff --git a/resources/views/server/errors/404.twig b/resources/views/server/errors/404.twig
index 79b70e0..eb9bde2 100644
--- a/resources/views/server/errors/404.twig
+++ b/resources/views/server/errors/404.twig
@@ -1,43 +1,65 @@
+
 <!DOCTYPE html>
 <html>
 <head>
     <meta charset="utf-8">
     <title>Expose - {{ subdomain }}</title>
-    <link rel="stylesheet"  href="https://beyondco.de/css/default.css">
+
+    <script src="https://unpkg.com/tailwindcss-jit-cdn"></script>
+
+    <script type="tailwind-config">
+{
+    theme: {
+        extend: {
+            colors: {
+                'brand': {
+                    600: '#D4019C'
+                },
+                steel: {
+                    800: '#535765',
+                    900: '#171C2E'
+                }
+            },
+        }
+        }
+}
+    </script>
+
 </head>
-<body
-      style="    background: url('https://desktopappswithelectron.com/img/monotone_software.png') top right no-repeat;
-    background-size: 100% 1200px;
-    background-position-x: calc(100% + 0px);
-    background-position-y: -140px;
-">
-<div class="container px-4 md:px-8 mx-auto pt-4 flex flex-col">
-    <header class="text-dark-blue-800 pb-6">
-        <a href="https://beyondco.de" class="inline-flex items-center">
-            <svg width="40" height="45" viewBox="0 0 40 45" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M14.1169 3.30926C17.7698 1.25447 22.2302 1.25447 25.8831 3.30926L33.8831 7.80926C37.6617 9.93468 40 13.9329 40 18.2682V26.7318C40 31.0671 37.6617 35.0653 33.8831 37.1907L25.8831 41.6907C22.2302 43.7455 17.7698 43.7455 14.1169 41.6907L6.11686 37.1907C2.33834 35.0653 0 31.0671 0 26.7318V18.2682C0 13.9329 2.33834 9.93468 6.11687 7.80926L14.1169 3.30926Z" fill="#0A214C"/>
-                <g clip-path="url(#clip0)">
-                    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.706 13.1211C11.2556 13.1211 11.7013 13.5597 11.7013 14.1008V20.7794C12.8332 19.7296 14.3561 19.0842 16.0304 19.0842C17.7282 19.0842 19.3328 19.7481 20.5159 20.9226C20.6518 21.0576 20.6827 21.1015 20.8072 21.2497C20.1107 22.0722 19.8121 23.1499 19.8121 23.1499C19.5138 22.758 19.2141 22.4172 19.2141 22.4172C18.3945 21.5414 17.2471 21.0437 16.0304 21.0437C13.6433 21.0437 11.7013 22.9553 11.7013 25.3051C11.7013 27.655 13.6433 29.5669 16.0304 29.5669C18.4175 29.5669 20.3598 27.655 20.3598 25.3051C20.3598 21.8749 23.1945 19.0842 26.6792 19.0842C27.7904 19.0842 28.8834 19.3724 29.8402 19.9175C30.3159 20.1882 30.4784 20.7876 30.2033 21.2559C29.9277 21.7242 29.3189 21.8844 28.8434 21.6131C28.1892 21.2405 27.4409 21.0437 26.6792 21.0437C24.2923 21.0437 22.3501 22.9553 22.3501 25.3051C22.3501 28.7353 19.515 31.5261 16.0304 31.5261C12.5457 31.5261 9.71094 28.7353 9.71094 25.3051L9.71246 25.2399C9.71195 25.2289 9.71094 25.2182 9.71094 25.2072V14.1008C9.71094 13.5597 10.1563 13.1211 10.706 13.1211ZM22.8974 27.4604C23.2955 28.0483 23.7029 28.4 23.7358 28.4304C24.5388 29.1643 25.5789 29.5669 26.6792 29.5669C27.4409 29.5669 28.1892 29.3698 28.8434 28.9972C29.3189 28.7264 29.9277 28.8861 30.2033 29.3544C30.4784 29.8227 30.3159 30.4221 29.8402 30.6931C28.8834 31.2381 27.7904 31.5261 26.6792 31.5261C25.0439 31.5261 23.5 30.917 22.3197 29.8087C22.2929 29.7838 21.9285 29.4453 21.9022 29.4199C21.9022 29.4199 22.6983 28.2441 22.8974 27.4604Z" fill="white"/>
-                </g>
-                <defs>
-                    <clipPath id="clip0">
-                        <rect x="9.28516" y="12.6565" width="21.4286" height="19.0848" fill="white"/>
-                    </clipPath>
-                </defs>
-            </svg>
-            <p class="ml-4 font-headline text-lg"><span class="text-hulk-800">Expose</span> - a Beyond<span class="text-hulk-800">Code</span> product</p>
-        </a>
-    </header>
-    <div class="text-dark-blue-800 text-xl pt-16">
-        <h1 class="text-2xl font-bold">Uh oh!</h1>
-        <p class="pt-2">
-            The tunnel "{{ subdomain }}" was not found on this Expose server.
-        </p>
-        <p class="pt-2 text-base">
-            Do you want to host your own Expose server? Check out the <a href="https://beyondco.de/docs/expose" class="underline">official documentation</a>.
-        </p>
+<body>
+<div
+    style="background-image: linear-gradient(to top, #ee12b4, #ee20a6, #ed2c99, #e9388d, #e54283, #e75585, #e96688, #ea768d, #f1919f, #f7abb2, #fcc5c7, #ffdede);"
+
+    class="bg-no-repeat w-full min-h-screen">
+    <div class="container px-4 md:px-8 mx-auto pt-4 flex flex-col">
+        <header class="pb-6 flex w-full justify-between items-center mt-8">
+            <a href="https://expose.beyondco.de">
+                <img src="https://expose.beyondco.de/images/expose/logo_wide.svg"
+                     class="w-48" alt="Expose"/>
+            </a>
+            <div class="text-steel-800">
+                <a class="flex justify-center items-center" href="https://beyondco.de/" target="_blank">
+                    <span class="mr-3">A product by</span>
+                    <img src="https://usewindy.com/img/bc_logo_full.svg" class="h-8" alt="Beyond Code">
+                </a>
+            </div>
+        </header>
+        <div class="text-steel-900 text-xl w-1/2 mx-auto pt-16">
+            <h1 class="text-6xl font-extrabold text-center">Oh no.</h1>
+            <p class="px-4 py-2 bg-white bg-opacity-50 rounded mx-auto mt-8 text-lg">
+                <span class="font-medium">The tunnel "{{ subdomain }}" was not found on this Expose server.</span>
+                <br/>
+                <br/>
+
+                You can create public URLs for your local applications through any firewall and VPN with <span class="font-medium">Expose</span>.
+                Receive webhooks, test local sites on mobile devices and share them with others.
+
+                <a href="https://expose.beyondco.de/docs" class="underline text-brand-600 font-medium">
+                    Learn more</a>
+            </p>
+        </div>
     </div>
 </div>
-
 </body>
 </html>
+
diff --git a/resources/views/server/homepage.twig b/resources/views/server/homepage.twig
index 5b303fd..7ab2f76 100644
--- a/resources/views/server/homepage.twig
+++ b/resources/views/server/homepage.twig
@@ -3,38 +3,57 @@
 <head>
     <meta charset="utf-8">
     <title>Expose - {{ subdomain }}</title>
-    <link rel="stylesheet"  href="https://beyondco.de/css/default.css">
+
+    <script src="https://unpkg.com/tailwindcss-jit-cdn"></script>
+
+    <script type="tailwind-config">
+{
+    theme: {
+        extend: {
+            colors: {
+                'brand': {
+                    600: '#D4019C'
+                },
+                steel: {
+                    800: '#535765',
+                    900: '#171C2E'
+                }
+            },
+        }
+        }
+}
+    </script>
+
 </head>
-<body
-    style="    background: url('https://desktopappswithelectron.com/img/monotone_software.png') top right no-repeat;
-    background-size: 100% 1200px;
-    background-position-x: calc(100% + 0px);
-    background-position-y: -140px;
-">
-<div class="container px-4 md:px-8 mx-auto pt-4 flex flex-col">
-    <header class="text-dark-blue-800 pb-6">
-        <a href="https://beyondco.de" class="inline-flex items-center">
-            <svg width="40" height="45" viewBox="0 0 40 45" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M14.1169 3.30926C17.7698 1.25447 22.2302 1.25447 25.8831 3.30926L33.8831 7.80926C37.6617 9.93468 40 13.9329 40 18.2682V26.7318C40 31.0671 37.6617 35.0653 33.8831 37.1907L25.8831 41.6907C22.2302 43.7455 17.7698 43.7455 14.1169 41.6907L6.11686 37.1907C2.33834 35.0653 0 31.0671 0 26.7318V18.2682C0 13.9329 2.33834 9.93468 6.11687 7.80926L14.1169 3.30926Z" fill="#0A214C"/>
-                <g clip-path="url(#clip0)">
-                    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.706 13.1211C11.2556 13.1211 11.7013 13.5597 11.7013 14.1008V20.7794C12.8332 19.7296 14.3561 19.0842 16.0304 19.0842C17.7282 19.0842 19.3328 19.7481 20.5159 20.9226C20.6518 21.0576 20.6827 21.1015 20.8072 21.2497C20.1107 22.0722 19.8121 23.1499 19.8121 23.1499C19.5138 22.758 19.2141 22.4172 19.2141 22.4172C18.3945 21.5414 17.2471 21.0437 16.0304 21.0437C13.6433 21.0437 11.7013 22.9553 11.7013 25.3051C11.7013 27.655 13.6433 29.5669 16.0304 29.5669C18.4175 29.5669 20.3598 27.655 20.3598 25.3051C20.3598 21.8749 23.1945 19.0842 26.6792 19.0842C27.7904 19.0842 28.8834 19.3724 29.8402 19.9175C30.3159 20.1882 30.4784 20.7876 30.2033 21.2559C29.9277 21.7242 29.3189 21.8844 28.8434 21.6131C28.1892 21.2405 27.4409 21.0437 26.6792 21.0437C24.2923 21.0437 22.3501 22.9553 22.3501 25.3051C22.3501 28.7353 19.515 31.5261 16.0304 31.5261C12.5457 31.5261 9.71094 28.7353 9.71094 25.3051L9.71246 25.2399C9.71195 25.2289 9.71094 25.2182 9.71094 25.2072V14.1008C9.71094 13.5597 10.1563 13.1211 10.706 13.1211ZM22.8974 27.4604C23.2955 28.0483 23.7029 28.4 23.7358 28.4304C24.5388 29.1643 25.5789 29.5669 26.6792 29.5669C27.4409 29.5669 28.1892 29.3698 28.8434 28.9972C29.3189 28.7264 29.9277 28.8861 30.2033 29.3544C30.4784 29.8227 30.3159 30.4221 29.8402 30.6931C28.8834 31.2381 27.7904 31.5261 26.6792 31.5261C25.0439 31.5261 23.5 30.917 22.3197 29.8087C22.2929 29.7838 21.9285 29.4453 21.9022 29.4199C21.9022 29.4199 22.6983 28.2441 22.8974 27.4604Z" fill="white"/>
-                </g>
-                <defs>
-                    <clipPath id="clip0">
-                        <rect x="9.28516" y="12.6565" width="21.4286" height="19.0848" fill="white"/>
-                    </clipPath>
-                </defs>
-            </svg>
-            <p class="ml-4 font-headline text-lg"><span class="text-hulk-800">Expose</span> - a Beyond<span class="text-hulk-800">Code</span> product</p>
-        </a>
-    </header>
-    <div class="text-dark-blue-800 text-xl pt-16">
-        <h1 class="text-2xl font-bold">Welcome to Expose</h1>
-        <p class="pt-2 text-base">
-            Do you want to host your own Expose server? Check out the <a href="https://beyondco.de/docs/expose" class="underline">official documentation</a>.
-        </p>
+<body>
+<div
+    style="background-image: linear-gradient(to top, #ee12b4, #ee20a6, #ed2c99, #e9388d, #e54283, #e75585, #e96688, #ea768d, #f1919f, #f7abb2, #fcc5c7, #ffdede);"
+
+    class="bg-no-repeat w-full min-h-screen">
+    <div class="container px-4 md:px-8 mx-auto pt-4 flex flex-col">
+        <header class="pb-6 flex w-full justify-between items-center mt-8">
+            <a href="https://expose.beyondco.de">
+                <img src="https://expose.beyondco.de/images/expose/logo_wide.svg"
+                     class="w-48" alt="Expose"/>
+            </a>
+            <div class="text-steel-800">
+                <a class="flex justify-center items-center" href="https://beyondco.de/" target="_blank">
+                    <span class="mr-3">A product by</span>
+                    <img src="https://usewindy.com/img/bc_logo_full.svg" class="h-8" alt="Beyond Code">
+                </a>
+            </div>
+        </header>
+        <div class="text-steel-900 text-xl w-1/2 mx-auto pt-16">
+            <h1 class="text-6xl font-extrabold">Welcome to Expose!</h1>
+            <p class="px-4 py-2 bg-white bg-opacity-50 rounded mx-auto mt-8 text-lg">
+                You can create public URLs for your local applications through any firewall and VPN with <span class="font-medium">Expose</span>.
+                Receive webhooks, test local sites on mobile devices and share them with others.
+
+                <a href="https://expose.beyondco.de/docs" class="underline text-brand-600 font-medium">
+                    Learn more</a>
+            </p>
+        </div>
     </div>
 </div>
-
 </body>
 </html>
