diff --git a/src/routes/setup/enter-passphrase/+page.svelte b/src/routes/setup/enter-passphrase/+page.svelte
index ad326be..5e9e48f 100644
--- a/src/routes/setup/enter-passphrase/+page.svelte
+++ b/src/routes/setup/enter-passphrase/+page.svelte
@@ -5,6 +5,7 @@
 	import EnterPassphraseComponent from './EnterPassphraseComponent.svelte';
 	import type { SetPassphrase } from '$lib/types';
 	import type { Writable } from 'svelte/store';
+	import { goto } from '$app/navigation';
 
 	const passphraseStore = getContext<Writable<string>>(passphrase);
 
@@ -40,6 +41,6 @@
 		description="Tying loose ends, please enter your passphrase again."
 		nextLabel="Next"
 		inputState={confirmPassphrase !== $passphraseStore ? 'Passphrases do not match' : ``}
-		next={() => null}
+		next={() => goto('/setup/generate-keys')}
 	/>
 {/if}
diff --git a/src/routes/setup/generate-keys/+page.svelte b/src/routes/setup/generate-keys/+page.svelte
new file mode 100644
index 0000000..3f61485
--- /dev/null
+++ b/src/routes/setup/generate-keys/+page.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { getContext, onMount } from 'svelte';
+	import { passphrase } from '$stores';
+	import type { Writable } from 'svelte/store';
+	import { goto } from '$app/navigation';
+
+	const passphraseStore = getContext<Writable<string>>(passphrase);
+
+	onMount(() => {
+		if ($passphraseStore === '') {
+			goto('/setup/start');
+		}
+	});
+</script>
+
+<img src="/img/download.svg" alt="Download" class="w-12 my-4" />
+<h1 class="text-4xl font-bold text-center">Generate Seed & Key files</h1>
diff --git a/static/img/download.svg b/static/img/download.svg
new file mode 100644
index 0000000..e705e1c
--- /dev/null
+++ b/static/img/download.svg
@@ -0,0 +1,17 @@
+<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="2" width="48" height="48" rx="24" fill="#EFEBFF"/>
+<g clip-path="url(#clip0_72_39331)">
+<mask id="mask0_72_39331" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="14" width="24" height="24">
+<rect x="14" y="14" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_72_39331)">
+<path d="M26 30L21 25L22.4 23.55L25 26.15V18H27V26.15L29.6 23.55L31 25L26 30ZM20 34C19.45 34 18.9792 33.8042 18.5875 33.4125C18.1958 33.0208 18 32.55 18 32V29H20V32H32V29H34V32C34 32.55 33.8042 33.0208 33.4125 33.4125C33.0208 33.8042 32.55 34 32 34H20Z" fill="#4820E3"/>
+</g>
+</g>
+<rect x="2" y="2" width="48" height="48" rx="24" stroke="#F7F5FF" stroke-width="4"/>
+<defs>
+<clipPath id="clip0_72_39331">
+<rect width="24" height="24" fill="white" transform="translate(14 14)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/static/manifest.json b/static/manifest.json
index c74b1c9..1b19ea7 100644
--- a/static/manifest.json
+++ b/static/manifest.json
@@ -1,7 +1,7 @@
 {
 	"name": "Holo key manager",
 	"description": "A browser extension to manage holo keys",
-	"version": "0.0.10",
+	"version": "0.0.11",
 	"manifest_version": 3,
 	"browser_specific_settings": {
 		"gecko": {