diff --git a/site/src/routes/index.svelte b/site/src/routes/index.svelte
index bce8918f01..1590c864db 100644
--- a/site/src/routes/index.svelte
+++ b/site/src/routes/index.svelte
@@ -23,7 +23,7 @@
 		max-width: 120rem;
 	}
 
-	.container h3 { color: black }
+	.container h3 { color: var(--text) }
 	.container ul { list-style: none }
 
 	/* max line-length ~60 chars */
@@ -36,28 +36,29 @@
 		--text: hsl(36, 3%, 44%);
 	}
 
-	.hero { height: 20rem }
+	.hero {
+		margin: 15rem auto;
+	}
 
-	.hero h3 {
+	.hero h3, .logotype {
 		position: relative;
-		margin: -3.2rem 0 0 3rem;
+		left: 3rem;
+	}
+
+	.logotype {
+		height: 6rem;
 	}
 
 	.logo {
 		position: absolute;
-		top: -23rem;
-		right: -4rem;
+		top: -4rem;
+		right: 0;
 		width: 68rem;
 		height: 68rem;
 		/* mix-blend-mode: multiply; */
 		will-change: transform;
 	}
 
-	.logotype {
-		margin: 2rem 0 0 0;
-		height: 12rem;
-	}
-
 	.examples {
 		background: var(--second);
 		color: white;
@@ -108,11 +109,11 @@
 
 <svelte:window bind:scrollY={sy}/>
 
+<img alt="Svelte logo" class="logo" src="svelte-logo-outline.svg" style="transform: translate(0, {sy * .2}px)">
+
 <section class="hero container">
 	<img alt="Svelte logotype" class="logotype" src="svelte-logotype.svg">
 	<h3>Cybernetically enhanced web apps</h3>
-
-	<img alt="Svelte logo" class="logo" src="svelte-logo-outline.svg" style="transform: translate(0, {sy * .2}px)">
 </section>
 
 <Blurb/>
diff --git a/site/static/svelte-logotype.svg b/site/static/svelte-logotype.svg
index 5628be1ce3..1e0aec15ef 100644
--- a/site/static/svelte-logotype.svg
+++ b/site/static/svelte-logotype.svg
@@ -1,2 +1,2 @@
-<svg id="svelte" xmlns="http://www.w3.org/2000/svg" width="406" height="139" viewBox="0 0 406 139">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="37.72 38.72 330.55 61.698">
 <path id="logotype" fill="#4a4a55" d="M59.44,100.41a24.12,24.12,0,0,1-13.72-3.87,20,20,0,0,1-8-10.61l8.35-3.07a15.42,15.42,0,0,0,5.46,6.6,14.34,14.34,0,0,0,8.26,2.43,12.12,12.12,0,0,0,7.88-2.38,8.29,8.29,0,0,0,3-6.82,7.56,7.56,0,0,0-.81-3.45A10.34,10.34,0,0,0,68,76.64a12.28,12.28,0,0,0-3.15-2.09q-2.13-1.06-3.54-1.62c-.93-.37-2.31-.87-4.13-1.49-2.27-.8-4-1.42-5.11-1.88a37.85,37.85,0,0,1-4.48-2.25,16.48,16.48,0,0,1-4.17-3.16A15.19,15.19,0,0,1,40.86,60a14.8,14.8,0,0,1,4-16.79Q50,38.72,58.76,38.72c4.89,0,8.9,1.08,12.06,3.23a15.68,15.68,0,0,1,6.35,8.61L69,53.29a9.54,9.54,0,0,0-4-4.39,13.26,13.26,0,0,0-6.94-1.66,10.7,10.7,0,0,0-6.69,1.87A6.29,6.29,0,0,0,49,54.4a5.52,5.52,0,0,0,1.87,4.09,13,13,0,0,0,3.92,2.64c1.37.57,3.44,1.33,6.23,2.3,1.7.63,3,1.09,3.79,1.41s2,.83,3.62,1.57a25.58,25.58,0,0,1,3.66,2,32.87,32.87,0,0,1,3,2.43A13.09,13.09,0,0,1,77.64,74a18.05,18.05,0,0,1,1.53,3.84,17.42,17.42,0,0,1,.64,4.81q0,8.36-5.71,13.08T59.44,100.41Zm54.62-1L93.61,39.74h9.55l13.55,41.58a65.86,65.86,0,0,1,1.87,6.82,63.74,63.74,0,0,1,1.88-6.82l13.37-41.58h9.46L122.93,99.39Zm47.3,0V39.74h37v8.35H170.22V64.45h18.15V72.8H170.22V91h30v8.35Zm61.44,0V39.74h8.86V90.87h29.15v8.52Zm71.41-51.13V99.39h-8.86V48.26H268.47V39.74h42.61v8.52ZM329.4,99.39V39.74h37v8.35H338.27V64.45h18.15V72.8H338.27V91h30v8.35Z"/></svg>