diff --git a/packages/site-kit/src/lib/branding/svelte.svg b/packages/site-kit/src/lib/branding/svelte.svg
new file mode 100644
index 0000000000..1788877c0f
--- /dev/null
+++ b/packages/site-kit/src/lib/branding/svelte.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 634.6 177.4"><path d="M138.2 23.5c7.9 11.1 11 24.8 8.6 38.2-1.1 6.3-3.6 12.3-7.1 17.7 5.2 9.8 6.9 21.1 4.9 32-2.4 13.1-10.1 24.6-21.4 31.7l-41.3 26.3c-23.5 15-56.1 8-72.5-15.6-7.9-10.9-11-24.7-8.6-38.1 1.1-6.3 3.6-12.3 7.1-17.7C2.7 88.2 1 76.9 3 66c2.4-13.1 10.1-24.7 21.4-31.7L65.7 7.9c23.5-15 56-8 72.5 15.6" style="fill:#ff3e00"/><path d="M61.6 156.2c3-.8 5.8-2 8.4-3.7l41.3-26.3c6.8-4.3 11.5-11.2 12.9-19.1 1.4-8-.4-16.3-5.2-23-7.8-11.3-21.9-16.5-35.2-13.1-3 .8-5.8 2-8.4 3.7l-15.8 10c-.8.5-1.6.9-2.5 1.1-4 1-8.3-.5-10.6-3.9-1.4-2-2-4.5-1.6-6.9.4-2.4 1.8-4.5 3.9-5.7L90.1 43c.8-.5 1.6-.9 2.5-1.1 4-1 8.3.5 10.6 3.9 1.3 1.8 1.9 4 1.7 6.1v1.5c-.1 0 1.4.5 1.4.5 5.8 1.8 11.3 4.5 16.2 8.1l2.1 1.6.8-2.4c.4-1.3.7-2.6 1-3.9 1.4-8-.4-16.3-5.2-23C113.4 23 99.3 17.8 86 21.2c-3 .8-5.8 2-8.4 3.7L36.3 51.2c-6.8 4.3-11.5 11.2-12.9 19.1-1.4 8 .4 16.3 5.2 23 7.8 11.3 21.9 16.5 35.2 13.1 3-.8 5.8-2 8.4-3.7L88 92.6c.8-.5 1.6-.9 2.5-1.1 4-1 8.3.5 10.6 3.9 1.4 2 2 4.5 1.6 6.9-.4 2.4-1.8 4.5-3.9 5.8l-41.3 26.3c-.8.5-1.6.9-2.5 1.1-4 1-8.3-.5-10.6-3.9-1.3-1.8-1.9-4-1.7-6.1V124c.1 0-1.4-.5-1.4-.5-5.8-1.8-11.3-4.5-16.2-8.1l-2.1-1.6-.8 2.4c-.4 1.3-.7 2.6-1 3.9-1.4 8 .4 16.3 5.2 23 7.8 11.3 21.9 16.5 35.2 13.1" style="fill:#fff"/><path d="M242 127.9c-6.2.2-12.3-1.6-17.4-4.9-4.8-3.2-8.4-8-10.2-13.5l10.6-3.9c1.5 3.4 3.9 6.3 6.9 8.4 3.1 2.1 6.8 3.2 10.5 3.1 3.6.2 7.1-.9 10-3 2.5-2.1 3.9-5.4 3.7-8.7 0-1.5-.3-3-1-4.4-.6-1.2-1.4-2.3-2.3-3.3-1.2-1.1-2.5-2-4-2.7-1.8-.9-3.3-1.6-4.5-2.1-1.2-.5-2.9-1.1-5.3-1.9-2.9-1-5.1-1.8-6.5-2.4-2-.8-3.9-1.8-5.7-2.9-2-1-3.8-2.4-5.3-4-1.3-1.6-2.4-3.3-3.2-5.3-3.1-7.5-1-16.1 5.1-21.3 4.3-3.8 10.2-5.7 17.7-5.7 6.2 0 11.3 1.4 15.3 4.1 3.9 2.6 6.7 6.5 8.1 10.9l-10.4 3.5c-1-2.3-2.8-4.3-5-5.6-2.7-1.5-5.7-2.2-8.8-2.1-3-.2-6 .7-8.5 2.4-2.1 1.6-3.2 4.1-3.1 6.7 0 2 .9 3.9 2.4 5.2 1.4 1.4 3.1 2.6 5 3.4 1.7.7 4.4 1.7 7.9 2.9 2.2.8 3.8 1.4 4.8 1.8 1 .4 2.6 1.1 4.6 2 1.6.7 3.2 1.6 4.7 2.5 1.3 1 2.6 2 3.8 3.1 1.3 1.1 2.4 2.5 3.3 4 .8 1.5 1.5 3.2 1.9 4.9.6 2 .8 4.1.8 6.1 0 7.1-2.4 12.6-7.3 16.6-4.8 4-11.1 6-18.6 6Zm69.4-1.3-26-75.8h12.1l17.2 52.9c1 2.8 1.7 5.7 2.4 8.7.6-2.9 1.4-5.8 2.4-8.7l17-52.9h12l-25.9 75.8h-11.3Zm60.2 0V50.8h47v10.6h-35.8v20.8h23.1v10.6h-23.1V116h38.1v10.6h-49.4Zm78.1 0V50.8H461v65h37.1v10.8h-48.3Zm90.8-65v65h-11.3v-65h-21.5V50.8h54.2v10.8h-21.5Zm44.7 65V50.8h47v10.6h-35.8v20.8h23.1v10.6h-23.1V116h38.1v10.6h-49.4Z" style="fill:#4a4a55"/></svg>
diff --git a/packages/site-kit/src/lib/nav/Nav.svelte b/packages/site-kit/src/lib/nav/Nav.svelte
index 16fe00353c..b3cb289233 100644
--- a/packages/site-kit/src/lib/nav/Nav.svelte
+++ b/packages/site-kit/src/lib/nav/Nav.svelte
@@ -69,13 +69,11 @@ Top navigation bar for the application. It provides a slot for the left side, th
 	style:z-index={$overlay_open && ($searching || $on_this_page_open) ? 80 : null}
 	aria-label="Primary"
 >
-	<a class="home-link" href="/" title={home_title}>
-		<strong>svelte</strong>
-	</a>
+	<a class="home-link" href="/" title={home_title} aria-label="Svelte"></a>
 
 	{#if title}
 		<div class="current-section mobile">
-			｜ {title}
+			{title}
 		</div>
 	{/if}
 
@@ -167,6 +165,7 @@ Top navigation bar for the application. It provides a slot for the left side, th
 		font-size: 0.8em;
 		color: var(--sk-text-3);
 		margin-left: 0.4em;
+		padding: 0.1rem 0 0 0;
 	}
 
 	@media (max-width: 800px) {
@@ -184,7 +183,7 @@ Top navigation bar for the application. It provides a slot for the left side, th
 	.menu :global(a) {
 		color: var(--sk-text-2);
 		line-height: 1;
-		padding: 0 0.3em;
+		padding: 0.1rem 0.5rem 0 0.5rem;
 		white-space: nowrap;
 		height: 100%;
 		display: flex;
@@ -202,31 +201,12 @@ Top navigation bar for the application. It provides a slot for the left side, th
 	}
 
 	.home-link {
-		max-width: max-content;
+		--padding-right: 1rem;
+		width: 13rem;
 		height: 100%;
-		display: flex;
-		background-image: url(../branding/svelte-logo.svg);
-		background-position: calc(var(--sk-page-padding-side) - 1rem) 50%;
-		background-repeat: no-repeat;
-		background-size: auto 70%;
-		align-items: center;
-		padding-left: calc(var(--sk-page-padding-side) + 4rem);
-		padding-right: 2rem;
-		text-decoration: none;
-		text-transform: uppercase;
-		letter-spacing: 0.05em;
-		font-size: 1.8rem;
-		color: var(--sk-text-4);
-
-		strong {
-			position: relative;
-			color: var(--sk-text-1);
-			font-weight: inherit;
-
-			@media (min-width: 800px) {
-				top: 1px;
-			}
-		}
+		background: url(../branding/svelte.svg) no-repeat var(--sk-page-padding-side) 50% /
+			calc(100% - var(--sk-page-padding-side) - var(--padding-right)) auto;
+		padding: 0 var(--padding-right) 0 calc(var(--sk-page-padding-side) + 0rem);
 	}
 
 	.mobile-menu {
@@ -306,6 +286,11 @@ Top navigation bar for the application. It provides a slot for the left side, th
 	}
 
 	@media (min-width: 800px) {
+		.home-link {
+			--padding-right: 2rem;
+			width: 18rem;
+		}
+
 		nav {
 			display: grid;
 			grid-template-columns: auto 1fr 1fr;