diff --git a/src/werefox-obs-layouts/pages/index.js b/src/werefox-obs-layouts/pages/index.js
index c87a7c1..b9356e3 100644
--- a/src/werefox-obs-layouts/pages/index.js
+++ b/src/werefox-obs-layouts/pages/index.js
@@ -1,16 +1,17 @@
 import Head from 'next/head'
-import Image from 'next/image'
 
 export default function Home() {
   return (
-    <div>
+    <div className="p-4 min-h-screen bg-werefox-grey-dark font-nerd">
       <Head>
         <title>Create Next App</title>
         <meta name="description" content="Generated by create next app" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
-      <div>
-        <p>Test</p>
+      <div className="space-y-4 text-center text-xl text-werefox-pink">
+        <div className="p-4 rounded-lg bg-werefox-grey ring-4 ring-werefox-blue">
+          <p>Oh hi I'm writing things and they're displaying on the browser preview</p>
+        </div>
       </div>
     </div>
   )
