diff --git a/src/routes/(nolayout)/login/+page.svelte b/src/routes/(nolayout)/login/+page.svelte
index 0dfd82e..88cf6e5 100644
--- a/src/routes/(nolayout)/login/+page.svelte
+++ b/src/routes/(nolayout)/login/+page.svelte
@@ -2,4 +2,11 @@
 	<title>Login - Rowblox</title>
 </svelte:head>
 
-<div class="max-w-lg mx-auto text-center">insert form here</div>
+<div class="max-w-lg mx-auto text-center text-white">
+	<img class="mx-auto" src="/favicon.png" alt="" />
+	<div class="flex flex-col">
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="username" name="username" id="username" placeholder="Username" />
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="password" name="password" id="password" placeholder="Password" />
+	</div>
+	<button class="my-1.5 text-xl text-white px-4 py-1 w-full rounded shadow-lg border-2 border-blue-500">Login</button>
+</div>
diff --git a/src/routes/(nolayout)/register/+page.svelte b/src/routes/(nolayout)/register/+page.svelte
index 9a73582..5bd5149 100644
--- a/src/routes/(nolayout)/register/+page.svelte
+++ b/src/routes/(nolayout)/register/+page.svelte
@@ -2,4 +2,13 @@
 	<title>Register - Rowblox</title>
 </svelte:head>
 
-<div class="max-w-lg mx-auto text-center">insert form here</div>
+<div class="max-w-lg mx-auto text-center text-white">
+	<img class="mx-auto" src="/favicon.png" alt="" />
+	<div class="flex flex-col">
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="username" name="username" id="username" placeholder="Username" />
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="password" name="password" id="password" placeholder="Password" />
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="password" name="passwordconfirm" id="passwordconfirm" placeholder="Confirm Password" />
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="text" name="invite" id="invite" placeholder="Invite Key" />
+	</div>
+	<button class="my-1.5 text-xl text-white px-4 py-1 w-full rounded shadow-lg border-2 border-blue-500">Register</button>
+</div>