diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 3d7c229..b1f9464 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -26,7 +26,7 @@
 					<a href="/" class="btn variant-filled-primary">Create F2 account</a>
 				</div>
 				<div>
-					<a href="/" class="btn variant-filled-secondary">I have an account</a>
+					<a href="/login" class="btn variant-filled-secondary">I have an account</a>
 				</div>
 			</div>
 		</div>
diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
new file mode 100644
index 0000000..1009a53
--- /dev/null
+++ b/src/routes/login/+page.svelte
@@ -0,0 +1,30 @@
+<div class="container h-full mx-auto flex justify-center items-center py-10">
+	<div class="space-y-10">
+		<h1 class="font-bold">Log in</h1>
+		<p>
+			To use Anvil with your F2 account, fill in your credentials.
+		</p>
+		<div class="space-y-4">
+			<label class="label">
+				<span>F2 server</span>
+				<select class="select" title="F2 server" value="1">
+					<option value="1">fig.fr33domlover.site</option>
+					<option value="2">grape.fr33domlover.site</option>
+					<option value="3">walnut.fr33domlover.site</option>
+				</select>
+			</label>
+			<label class="label">
+				<span>Account name</span>
+				<input class="input" title="Account name" type="text" placeholder="alice" />
+			</label>
+			<label class="label">
+				<span>Passphrase</span>
+				<input class="input" title="Passphrase" type="password" placeholder="psswrd" />
+			</label>
+			<div class="text-right">
+				<a href="/" class="btn btn-bg-initial">Reset passphrase</a>
+			</div>
+			<a href="/" class="w-full btn variant-filled-primary">Log in</a>
+		</div>
+	</div>
+</div>