diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 7bde6ed..997bb8a 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,6 +3,7 @@ import { Inter } from "next/font/google";
 import { Toaster } from "@/components/ui/toaster";
 import "./tailwind.css";
 import Link from "next/link";
+import { ComponentProps } from "react";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -11,6 +12,13 @@ export const metadata: Metadata = {
   description: "A self-hosted literary submission tracker."
 };
 
+function NavLink(props: ComponentProps<"div"> & { href: string }) {
+  return (
+    <Link href={props.href}><h1 className="text-4xl font-black my-2">{props.children}</h1></Link>
+  )
+}
+
+
 export default function RootLayout({
   children,
 }: Readonly<{
@@ -19,10 +27,15 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body className={inter.className}>
-        <div id="layout-container" className="flex">
+        <div id="layout-container" className="flex p-4">
           <div id="sidebar" >
-            <Link href="/story/create"><h1>Create Story</h1></Link>
-            <Link href="/publication/create"><h1>Create Publication</h1></Link>
+            <header className="mb-6">
+              <h1 className="font-black text-6xl antialiased">SubMan</h1>
+              <p className="font-bold text-xl antialiased">The self-hosted <br /> literary submission tracker.</p>
+            </header>
+            <NavLink href="/story">STORIES</NavLink>
+            <NavLink href="/publication">PUBLICATIONS</NavLink>
+            <NavLink href="/submission">SUBMISSIONS</NavLink>
           </div>
           {children}
         </div>
diff --git a/src/app/tailwind.css b/src/app/tailwind.css
index f2f82c5..f3b50f8 100644
--- a/src/app/tailwind.css
+++ b/src/app/tailwind.css
@@ -684,6 +684,14 @@ body {
   z-index: 100;
 }
 
+.m-4 {
+  margin: 1rem;
+}
+
+.m-2 {
+  margin: 0.5rem;
+}
+
 .-mx-1 {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
@@ -699,6 +707,11 @@ body {
   margin-bottom: 0.25rem;
 }
 
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
 .mb-4 {
   margin-bottom: 1rem;
 }
@@ -719,6 +732,10 @@ body {
   margin-top: 1rem;
 }
 
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
+
 .flex {
   display: flex;
 }
@@ -856,6 +873,38 @@ body {
   width: 100%;
 }
 
+.w-3\/4 {
+  width: 75%;
+}
+
+.w-1\/5 {
+  width: 20%;
+}
+
+.w-11 {
+  width: 2.75rem;
+}
+
+.w-5 {
+  width: 1.25rem;
+}
+
+.w-8 {
+  width: 2rem;
+}
+
+.w-6 {
+  width: 1.5rem;
+}
+
+.w-16 {
+  width: 4rem;
+}
+
+.w-20 {
+  width: 5rem;
+}
+
 .min-w-\[8rem\] {
   min-width: 8rem;
 }
@@ -1244,6 +1293,10 @@ body {
   text-align: center;
 }
 
+.text-right {
+  text-align: right;
+}
+
 .align-middle {
   vertical-align: middle;
 }
@@ -1286,6 +1339,16 @@ body {
   line-height: 1.75rem;
 }
 
+.text-4xl {
+  font-size: 2.25rem;
+  line-height: 2.5rem;
+}
+
+.text-6xl {
+  font-size: 3.75rem;
+  line-height: 1;
+}
+
 .font-black {
   font-weight: 900;
 }
@@ -1379,6 +1442,11 @@ body {
   text-underline-offset: 4px;
 }
 
+.antialiased {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
 .opacity-0 {
   opacity: 0;
 }
