diff --git a/web/src/routes/org/new/+page.server.ts b/web/src/routes/org/new/+page.server.ts
new file mode 100644
index 000000000..a68ccc6c9
--- /dev/null
+++ b/web/src/routes/org/new/+page.server.ts
@@ -0,0 +1,6 @@
+import { requireAuth } from "$lib/auth/guards";
+import type { PageServerLoad } from "./$types";
+
+export const load: PageServerLoad = (event) => {
+	requireAuth(event);
+};
diff --git a/web/src/routes/org/new/+page.svelte b/web/src/routes/org/new/+page.svelte
new file mode 100644
index 000000000..753eb51bc
--- /dev/null
+++ b/web/src/routes/org/new/+page.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+	import { createOrg } from "$lib/api/orgCreate";
+	import Card from "$lib/components/ui/Card.svelte";
+	import CreationForm, { type OrgCreationSubmit } from "$lib/components/org/CreationForm.svelte";
+
+	let { data } = $props();
+
+	const submit: OrgCreationSubmit = (handle, agent) =>
+		createOrg(agent, handle, {
+			serviceUrl: data.publicConfig.delegationUrl,
+			serviceDid: data.publicConfig.delegationDid
+		});
+</script>
+
+<svelte:head>
+	<title>New organization &middot; Tangled</title>
+</svelte:head>
+
+<div class="mx-auto w-full max-w-2xl px-4 py-12">
+	<div class="px-6 py-2">
+		<h1 class="typography-heading-4 font-bold text-foreground-default">
+			Create a new organization
+		</h1>
+		<p class="mb-1 typography-paragraph-small text-foreground-subtle">
+			Organizations are delegated accounts that let a team manage repositories together.
+		</p>
+	</div>
+
+	<Card padding="none">
+		<CreationForm class="p-6" {submit} />
+	</Card>
+</div>