diff --git a/static/apple-touch-icon.png b/static/apple-touch-icon.png
index cfd6d30..705a7dc 100644
Binary files a/static/apple-touch-icon.png and b/static/apple-touch-icon.png differ
diff --git a/static/favicon-192.png b/static/favicon-192.png
index 9fca7bf..1459f62 100644
Binary files a/static/favicon-192.png and b/static/favicon-192.png differ
diff --git a/static/favicon-32.png b/static/favicon-32.png
index 5093db6..73ba8b1 100644
Binary files a/static/favicon-32.png and b/static/favicon-32.png differ
diff --git a/static/logo.png b/static/logo.png
deleted file mode 100644
index f2ed656..0000000
Binary files a/static/logo.png and /dev/null differ
diff --git a/static/logo.svg b/static/logo.svg
new file mode 100644
index 0000000..5b98763
--- /dev/null
+++ b/static/logo.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="500"
+   height="500"
+   viewBox="0 0 135 135"
+   version="1.1"
+   xml:space="preserve"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+>
+  <rect width="100%" height="100%" fill="#ffffff" rx="16"/>
+  <g
+    style="display:inline;"
+    transform="translate(0, 3)"
+  >
+    <path
+       style="fill:#345e65"
+       d="M 7.5991585,102.41306 C 34.300533,81.435463 46.318437,55.988057 57.811472,36.346974 70.752567,14.231234 90.593352,8.2969824 111.93705,25.616702 103.82049,25.276458 98.49317,37.354838 84.148101,53.872282 69.700471,70.507823 44.56227,92.481987 7.5991585,102.41306 Z"
+       id="body" />
+    <path
+       style="fill:#345e65"
+       d="M 97.852904,42.119144 C 105.64423,70.635971 101.79353,110.79478 5.6643805,115.55219 64.46,89.799518 93.579124,49.95442 97.852904,42.119144 Z"
+       id="belly" />
+    <path
+       style="fill:#faa343;"
+       d="m 102.50472,50.913801 c -4.584599,-22.650221 10.16165,-26.894507 26.5183,-21.47238 -8.23959,2.793409 -20.16491,7.988834 -26.5183,21.47238 z"
+       id="beak"/>
+    <circle
+       style="fill:#ffffff;"
+       id="eye"
+       cx="90.480888"
+       cy="28.07902"
+       r="3.5513237" />
+  </g>
+</svg>
diff --git a/static/social.png b/static/social.png
index 2c97deb..2cc4a35 100644
Binary files a/static/social.png and b/static/social.png differ
diff --git a/static/style.css b/static/style.css
index 61bc309..bc5a56f 100644
--- a/static/style.css
+++ b/static/style.css
@@ -18,6 +18,7 @@ code, pre, kbd, samp { font-family: var(--font-mono); }
   --accent-h:  light-dark(#2E474C, #507882);
   --border:    light-dark(#e0e0e0, #333);
   --surface:   light-dark(#f5f5f5, #252525);
+  --wordmark:  light-dark(#2E474C, #d4d4d4);
   --code-bg:   var(--fink-bg);
   --code-text: var(--fink-text);
   --font-sans: "Inter", system-ui, sans-serif;
@@ -44,9 +45,13 @@ a:hover { color: var(--accent-h); text-decoration: underline; }
 header {
   border-bottom: 1px solid var(--border);
   padding: 0 2rem;
+  position: sticky;
+  top: 0;
+  background: var(--bg);
+  z-index: 50;
 }
 nav {
-  max-width: calc(var(--max-w) + 8rem);
+  max-width: calc(var(--max-w) + 14rem);
   margin: 0 auto;
   display: flex;
   align-items: center;
@@ -55,14 +60,14 @@ nav {
 }
 nav .wordmark {
   font-family: var(--font-wordmark);
-  font-size: 1.4rem;
+  font-size: 1.5rem;
   font-weight: 700;
-  color: var(--text);
+  color: var(--wordmark);
   margin-right: auto;
   text-decoration: none;
   display: flex;
   align-items: center;
-  gap: 0.4rem;
+  gap: 0.4em;
 }
 .wordmark-logo {
   height: 2.5rem;
@@ -132,13 +137,14 @@ footer {
   font-family: var(--font-wordmark);
   font-size: 4rem;
   font-weight: 800;
+  color: var(--wordmark);
   letter-spacing: -0.02em;
   line-height: 1;
   margin-bottom: 1rem;
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 0.5rem;
+  gap: 0.5em;
 }
 .hero-logo {
   height: 6rem;
diff --git a/templates/404.html b/templates/404.html
index 096d6b6..abe383e 100644
--- a/templates/404.html
+++ b/templates/404.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block content %}
 <div class="not-found">
-  <img src="{{ root }}logo.png" alt="ƒink">
+  <img src="{{ root }}logo.svg" alt="ƒink">
   <h1>404</h1>
   <p>That page doesn't exist. <a href="{{ root }}">Go home</a>.</p>
 </div>
diff --git a/templates/base.html b/templates/base.html
index f427fba..3e89e98 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -8,6 +8,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap">
+  <link rel="icon" type="image/svg+xml" href="{{ root }}logo.svg">
   <link rel="icon" type="image/png" sizes="32x32" href="{{ root }}favicon-32.png">
   <link rel="icon" type="image/png" sizes="192x192" href="{{ root }}favicon-192.png">
   <link rel="apple-touch-icon" sizes="180x180" href="{{ root }}apple-touch-icon.png">
@@ -41,7 +42,7 @@
 <body>
   <header>
     <nav>
-      <a class="wordmark" href="{{ root }}"><img src="{{ root }}logo.png" alt="" class="wordmark-logo">ƒink</a>
+      <a class="wordmark" href="{{ root }}"><img src="{{ root }}logo.svg" alt="" class="wordmark-logo">ƒink</a>
       <a href="{{ root }}docs/">docs</a>
       <a href="https://github.com/fink-lang" class="nav-icon" aria-label="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z"/></svg></a>
       <div class="theme-picker">
diff --git a/templates/home.html b/templates/home.html
index f402277..83b23d9 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -2,7 +2,7 @@
 {% block content %}
 
 <section class="hero">
-  <h1 class="hero-wordmark"><img src="{{ root }}logo.png" alt="" class="hero-logo">ƒink</h1>
+  <h1 class="hero-wordmark"><img src="{{ root }}logo.svg" alt="" class="hero-logo">ƒink</h1>
   <p class="hero-tagline">A functional language that compiles to WasmGC.</p>
   <a class="btn" href="{{ root }}docs/">Read the docs</a>
   <a class="btn btn-outline" href="https://github.com/fink-lang/fink">View source</a>