diff --git a/site/src/components/TopNav.svelte b/site/src/components/TopNav.svelte
index e591bed932..69b5258b43 100644
--- a/site/src/components/TopNav.svelte
+++ b/site/src/components/TopNav.svelte
@@ -190,7 +190,7 @@
 		color: var(--prime)
 	}
 
-	@media (min-width: 768px) {
+	@media (min-width: 840px) {
 		ul {
 			padding: 0;
 			background: none;
@@ -245,7 +245,8 @@
 		>
 			<li class="hide-if-desktop" class:active="{!segment}"><a rel="prefetch" href=".">Home</a></li>
 			<li class:active="{segment === 'tutorial'}"><a rel="prefetch" href="tutorial">Tutorial</a></li>
-			<li class:active="{segment === 'guide'}"><a rel="prefetch" href="guide">Guide</a></li>
+			<li class:active="{segment === 'docs'}"><a rel="prefetch" href="docs">API Docs</a></li>
+			<li class:active="{segment === 'examples'}"><a rel="prefetch" href="examples">Examples</a></li>
 			<li class:active="{segment === 'repl'}"><a rel="prefetch" href="repl">REPL</a></li>
 			<li class:active="{segment === 'blog'}"><a rel="prefetch" href="blog">Blog</a></li>
 			<li><a href="https://sapper.svelte.technology">Sapper</a></li>
diff --git a/site/src/routes/guide/_GuideContents.svelte b/site/src/routes/docs/_GuideContents.svelte
similarity index 100%
rename from site/src/routes/guide/_GuideContents.svelte
rename to site/src/routes/docs/_GuideContents.svelte
diff --git a/site/src/routes/guide/_sections.js b/site/src/routes/docs/_sections.js
similarity index 100%
rename from site/src/routes/guide/_sections.js
rename to site/src/routes/docs/_sections.js
diff --git a/site/src/routes/guide/demo/[hash].json.js b/site/src/routes/docs/demo/[hash].json.js
similarity index 100%
rename from site/src/routes/guide/demo/[hash].json.js
rename to site/src/routes/docs/demo/[hash].json.js
diff --git a/site/src/routes/guide/index.json.js b/site/src/routes/docs/index.json.js
similarity index 100%
rename from site/src/routes/guide/index.json.js
rename to site/src/routes/docs/index.json.js
diff --git a/site/src/routes/guide/index.svelte b/site/src/routes/docs/index.svelte
similarity index 98%
rename from site/src/routes/guide/index.svelte
rename to site/src/routes/docs/index.svelte
index 3f4731cc11..5a4962336a 100644
--- a/site/src/routes/guide/index.svelte
+++ b/site/src/routes/docs/index.svelte
@@ -1,6 +1,6 @@
 <script context="module">
 	export async function preload() {
-		const sections = await this.fetch(`guide.json`).then(r => r.json());
+		const sections = await this.fetch(`docs.json`).then(r => r.json());
 		return { sections };
 	}
 </script>
diff --git a/site/src/routes/examples/index.svelte b/site/src/routes/examples/index.svelte
new file mode 100644
index 0000000000..49dfc9d9c1
--- /dev/null
+++ b/site/src/routes/examples/index.svelte
@@ -0,0 +1 @@
+<h1>Examples</h1>
\ No newline at end of file
diff --git a/site/src/routes/tutorial/index.svelte b/site/src/routes/tutorial/index.svelte
index 675d82498b..e7e1f2d26b 100644
--- a/site/src/routes/tutorial/index.svelte
+++ b/site/src/routes/tutorial/index.svelte
@@ -1,5 +1 @@
-<script>
-	// import Icon from '../../components/Icon.svelte';
-</script>
-
 <h1>Tutorial</h1>
\ No newline at end of file