diff --git a/core/installer/welcome/create-env.html b/core/installer/welcome/create-env.html
index ea07476..f3d0f65 100644
--- a/core/installer/welcome/create-env.html
+++ b/core/installer/welcome/create-env.html
@@ -1,39 +1,86 @@
 <!DOCTYPE html>
 <html lang="en" data-theme="light">
 	<head>
-        <link rel="stylesheet" href="/static/pico.min.css">
+		<link rel="stylesheet" href="/static/pico.min.css">
+		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/hack-font@3/build/web/hack.css">
+		<link rel="stylesheet" href="/static/main.css">
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 	</head>
 	<body>
+		<nav id="menu" class="container-fluid">
+			<ul>
+				<li class="dodo"><span style="color: #ffffff;">do</span><span class="highlight">do:</span></li>
+			</ul>
+			<ul>
+				<li><a href="#">register</a></li>
+				<li><a href="#">apps</a></li>
+				<li><a href="#" style="border-right: none;">about</a></li>
+			</ul>
+		</nav>
 		<main class="container">
-			<form action="" method="POST">
-			  <input
-				type="test"
-				name="domain"
-				placeholder="Domain"
-				required
-				autofocus
-		      />
-			  <input
-				type="email"
-				name="contact-email"
-				placeholder="Contact Email"
-				required
-			  />
-			  <input
-				type="string"
-				name="admin-public-key"
-				placeholder="Admin SSH Public Key"
-				required
-			  /> <!-- TODO(gio): remove-->
-			  <textarea
-				name="secret-token"
-				placeholder="Secret Token"
-				required
-			  ></textarea>
-			  <button type="submit">Create Environment</button>
-			</form>
+			<div class="grid contents-header">
+				<div style="border-width: 1px; border-right-style: solid;">
+					attention
+				</div>
+				<div>
+					take <span class="highlight">control</span>
+				</div>
+			</div>
+			<div id="contents" class="grid">
+				<div style="border-width: 1px; border-right-style: solid;">
+					As part of provisioning new dodo instance you will have to update DNS records at your domain registrar, so that it points to the nameservers running on your newly created dodo. Please first get familiar with your domain registrar documentation, and only then proceed with provisioning.
+					<label for="accept" style="padding-top: 1rem;">
+						<input type="checkbox" name="accept" id="accept" form="create-form" required tabindex="5">
+						<strong>I understand</strong>
+					</label>
+				</div>
+				<div id="create-instance-form">
+					<form action="" method="POST" id="create-form">
+						<label for="domain">
+							domain
+							<input
+								type="text"
+								id="domain"
+								name="domain"
+								required
+								autofocus
+								tabindex="1"
+							/>
+						</label>
+						<label for="contact-email">
+							contact email
+							<input
+								type="email"
+								id="contact-email"
+								name="contact-email"
+								required
+								tabindex="2"
+							/>
+						</label>
+						<label for="admin-public-key">
+							admin ssh public key
+							<input
+								type="string"
+								id="admin-public-key"
+								name="admin-public-key"
+								required
+								tabindex="3"
+							/> <!-- TODO(gio): remove-->
+						</label>
+						<label for="secret-token">
+							invitation code
+							<textarea
+								id="secret-token"
+								name="secret-token"
+								required
+								tabindex="4"
+							></textarea>
+						</label>
+						<button type="submit" tabindex="6">provision</button>
+					</form>
+				</div>
+			</div>
 		</main>
 	</body>
 </html>
diff --git a/core/installer/welcome/env-created.html b/core/installer/welcome/env-created.html
index fc8be86..47eab2b 100644
--- a/core/installer/welcome/env-created.html
+++ b/core/installer/welcome/env-created.html
@@ -1,28 +1,42 @@
 {{ define "task" }}
+{{ range . }}
 <li aria-busy="{{ eq .Status 0 }}">
 	{{ .Title }}{{ if .Err }} - {{ .Err.Error }} {{ end }}
+	{{ if .Subtasks }}
 	<ul>
-		{{ range .Subtasks }}
-   		    {{ template "task" . }}
-		{{ end }}
+   		{{ template "task" .Subtasks }}
 	</ul>
+	{{ end }}
 </li>
 {{ end }}
+{{ end }}
 
 <!DOCTYPE html>
 <html lang="en" data-theme="light">
 	<head>
-        <link rel="stylesheet" href="/static/pico.min.css">
+		<link rel="stylesheet" href="/static/pico.min.css">
+		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/hack-font@3/build/web/hack.css">
+		<link rel="stylesheet" href="/static/main.css">
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		{{ if not (or (eq .Root.Status 2) (eq .Root.Status 3))}}
-		<meta http-equiv="refresh" content="1">
+		<meta http-equiv="refresh" content="1000">
 		{{ end }}
 	</head>
 	<body>
-        <main class="container">
+		<nav id="menu" class="container-fluid">
 			<ul>
-				{{ template "task" .Root }}
+				<li class="dodo">do<span class="highlight">do:</span></li>
+			</ul>
+			<ul>
+				<li><a href="#">register</a></li>
+				<li><a href="#">apps</a></li>
+				<li><a href="#" style="border-right: none;">about</a></li>
+			</ul>
+		</nav>
+		<main class="container">
+			<ul>
+				{{ template "task" .Root.Subtasks }}
 			</ul>
         </main>
 	</body>
diff --git a/core/installer/welcome/static/main.css b/core/installer/welcome/static/main.css
new file mode 100644
index 0000000..1b6ec68
--- /dev/null
+++ b/core/installer/welcome/static/main.css
@@ -0,0 +1,93 @@
+[data-theme="light"],
+:root:not([data-theme="dark"]) {
+	--font-family: Hack, monospace;
+	--font-size: 14px;
+	--background-color: #d6d6d6;
+	--border-radius: 0;
+	--form-element-border-color: #ffffff;
+	--form-element-active-border-color: #7f9f7f;
+	--primary: #7f9f7f;
+	--primary-hover: #d4888d;
+	--grid-spacing-horizontal: 0;
+}
+
+input[type="checkbox"] {
+	--form-element-border-color: #3a3a3a;
+}
+
+main.container {
+	max-width: 850px;
+}
+
+.dodo {
+	font-size: 2.5rem;
+	font-weight: bold;
+	background-color: #3a3a3a;
+	border-left: 1px dashed #3a3a3a;
+}
+
+.highlight{
+    color: #d4888d;
+}
+
+#menu {
+	border-bottom: 1px dashed #3a3a3a;
+}
+
+#menu a {
+	font-size: 1.4rem;
+	color: #3a3a3a;
+	border-right: 1px dashed #3a3a3a;
+}
+
+#menu li {
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+div.contents-header {
+	font-size: 1.2rem;
+	border-width: 1px;
+	border-style: solid;
+}
+
+#contents {
+	border-width: 1px;
+	border-style: none solid solid solid;
+}
+
+div.contents-header > div {
+	padding: 1rem 3rem;
+}
+
+#contents > div {
+	padding: 3rem;
+}
+
+#create-instance-form {
+	--spacing: 10px;
+	background-color: #3a3a3a;
+}
+
+#create-instance-form label {
+	color: #ffffff;
+}
+
+#create-instance-form input, textarea, button {
+	border-width: 0.5px !important;
+}
+
+#create-instance-form input {
+	height: 3rem;
+	color: #ffffff;
+}
+
+#create-instance-form textarea {
+	color: #ffffff;
+}
+
+#create-instance-form button {
+	width: fit-content;
+	font-weight: bold;
+	color: #3a3a3a;
+}