diff --git a/packages/website/src/root.tsx b/packages/website/src/root.tsx
index ecfb6ff5d..404ae2b1d 100644
--- a/packages/website/src/root.tsx
+++ b/packages/website/src/root.tsx
@@ -1,10 +1,12 @@
 import type { MetaFunction, LinksFunction } from '@remix-run/node';
 import { Links, LiveReload, Meta, Outlet, Scripts, ScrollRestoration } from '@remix-run/react';
 import unocssReset from '@unocss/reset/normalize.css';
+import maincss from './styles/main.css';
 import unocss from './styles/unocss.css';
 
 export const links: LinksFunction = () => [
 	{ rel: 'stylesheet', href: unocssReset },
+	{ rel: 'stylesheet', href: maincss },
 	{ rel: 'stylesheet', href: unocss },
 ];
 
diff --git a/packages/website/src/routes/index.tsx b/packages/website/src/routes/index.tsx
index cd86e6446..2ffb59b4a 100644
--- a/packages/website/src/routes/index.tsx
+++ b/packages/website/src/routes/index.tsx
@@ -1,3 +1,9 @@
 export default function IndexRoute() {
-	return <div className="text-2xl">Hello World</div>;
+	return (
+		<main className="w-full h-screen">
+			<div className="h-screen grid place-content-center">
+				<h1 className="">Coming soon...</h1>
+			</div>
+		</main>
+	);
 }
diff --git a/packages/website/src/styles/main.css b/packages/website/src/styles/main.css
new file mode 100644
index 000000000..1698fc4a3
--- /dev/null
+++ b/packages/website/src/styles/main.css
@@ -0,0 +1,7 @@
+html,
+body {
+	height: 100vh;
+	margin: 0;
+	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,
+		Noto Sans, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', Segoe UI Symbol, 'Noto Color Emoji';
+}