diff --git a/index.html b/index.html
index 5961c0e..8589d55 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,39 @@
     <!-- Favicons -->
     <link rel="icon" type="image/svg+xml" href="/images/branding/favicon.svg">
     <!-- <link rel="icon" type="image/png" href="/images/branding/favicon.png"> -->
-    
+
+    <!-- First thing you see at the home page -->
+    <style>
+      .studiobool {
+        background: rgb(0,0,0);
+        background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(42,13,70,1) 100%);
+        padding: 4vw 1.4vw;
+      }
+      .sb_green {
+        padding: 0vw 2.5vw;
+        padding-left: 0vw;
+        font-size: 6vw;
+        font-weight: normal;
+        margin-bottom: unset;
+        margin-top: 2.5vw;
+        color: #24ff59;
+      }
+      .sb_blue {
+        padding: 0vw 2.5vw;
+        padding-right: 0vw;
+        font-size: 6vw;
+        font-weight: normal;
+        margin-bottom: unset;
+        margin-top: 2.5vw;
+        color: #217eedff;
+      }
+      .sb_subtitle {
+        padding: 0vw 2.5vw;
+        font-size: 2.5vw;
+        font-weight: normal;
+        margin-top: unset;
+      }
+    </style>
   </head>
   <body>
     <!-- Navigation bar -->
@@ -22,7 +54,13 @@
         <li><a href="/about">About</a></li>
         <img src="/images/branding/logo.svg" alt="logo" class="logo">
     </ul>
-
+    
+    <div class="studiobool">
+        <span class="sb_blue">studio</span><span class="sb_green">bool</span>
+        <br>
+        <span class="sb_subtitle">basically just a studio for projects</span>
+    </div>
+    
     <!-- Copyright footer -->
     <footer>
         <p>studiobool (c) 2022-2023<br>
