diff --git a/_includes/new-includes/components/linux-releases.html b/_includes/new-includes/components/linux-releases.html
index 1da22be14..e2a74562a 100644
--- a/_includes/new-includes/components/linux-releases.html
+++ b/_includes/new-includes/components/linux-releases.html
@@ -79,7 +79,7 @@ <h2>RPM</h2>
         </details>
     </div>
   </div>
-  <h2>Development Snapshots</h2>
+  <h2 id="development-snapshots" class="header-with-anchor">Development Snapshots</h2>
   <div>
     <p class="content-copy">Swift snapshots are prebuilt binaries that are automatically created from the branch. These snapshots are not official releases. They have gone through automated unit testing, but they have not gone through the full testing that is performed for official releases.</p>
   </div>
diff --git a/assets/javascripts/new-javascripts/application.js b/assets/javascripts/new-javascripts/application.js
index 955afc964..334c1c7b1 100644
--- a/assets/javascripts/new-javascripts/application.js
+++ b/assets/javascripts/new-javascripts/application.js
@@ -112,3 +112,24 @@ if (codeBoxes.length) {
     })
   })
 }
+
+document.querySelectorAll('h2.header-with-anchor').forEach(header => {
+  if (!header.id) return;
+
+  const link = document.createElement('a');
+  link.href = `#${header.id}`;
+  link.title = `Permalink for ${header.textContent}`;
+  link.innerHTML = `<svg
+    width="24px"
+    height="24px"
+    viewBox="0 0 14 14"
+    role="img"
+    focusable="false"
+    aria-hidden="true"
+    xmlns="http://www.w3.org/2000/svg">
+      <path d="m 11.58824,9.823529 q 0,-0.294117 -0.20589,-0.499999 L 9.85294,7.794118 q -0.20588,-0.205883 -0.5,-0.205883 -0.30882,0 -0.52941,0.235295 0.0221,0.02206 0.13971,0.136029 0.11764,0.113971 0.15808,0.158088 0.0404,0.04412 0.1103,0.139706 0.0698,0.09559 0.0956,0.1875 0.0257,0.09191 0.0257,0.202206 0,0.294117 -0.20588,0.5 -0.20588,0.205882 -0.5,0.205882 -0.1103,0 -0.20221,-0.02573 Q 8.35293,9.301471 8.25733,9.231621 8.16173,9.161771 8.11763,9.121327 8.07353,9.080887 7.95954,8.963238 7.84557,8.845591 7.82351,8.823533 7.58086,9.051474 7.58086,9.360297 q 0,0.294118 0.20588,0.5 l 1.51471,1.522059 q 0.19853,0.19853 0.5,0.19853 0.29412,0 0.5,-0.191177 l 1.08088,-1.073529 q 0.20589,-0.205883 0.20589,-0.492648 z M 6.41912,4.639706 q 0,-0.294118 -0.20588,-0.5 L 4.69853,2.617647 q -0.20588,-0.205882 -0.5,-0.205882 -0.28677,0 -0.5,0.198529 L 2.61765,3.683823 q -0.20589,0.205883 -0.20589,0.492648 0,0.294117 0.20589,0.499999 l 1.52941,1.529412 q 0.19853,0.19853 0.5,0.19853 0.30882,0 0.52941,-0.227942 Q 5.15437,6.15441 5.03676,6.040441 4.91912,5.92647 4.87868,5.882353 4.83828,5.838233 4.76838,5.742647 q -0.0698,-0.09559 -0.0956,-0.1875 -0.0257,-0.09191 -0.0257,-0.202206 0,-0.294117 0.20588,-0.5 0.20588,-0.205882 0.5,-0.205882 0.1103,0 0.20221,0.02573 0.0919,0.02573 0.1875,0.09559 0.0956,0.06985 0.1397,0.110294 0.0441,0.04044 0.15809,0.158089 Q 6.15443,5.154409 6.17649,5.176467 6.41914,4.948526 6.41914,4.639703 z M 13,9.823529 q 0,0.882353 -0.625,1.492647 l -1.08088,1.07353 Q 10.68382,13 9.80147,13 q -0.88971,0 -1.5,-0.625 L 6.78676,10.852941 Q 6.17647,10.242647 6.17647,9.360294 q 0,-0.904412 0.64706,-1.536764 L 6.17647,7.176471 Q 5.54412,7.82353 4.64706,7.82353 q -0.88235,0 -1.5,-0.617648 L 1.617647,5.676471 Q 1,5.058824 1,4.176471 1,3.294118 1.625,2.683824 L 2.70588,1.610294 Q 3.31618,1 4.19853,1 q 0.88971,0 1.5,0.625 l 1.51471,1.522059 q 0.61029,0.610294 0.61029,1.492647 0,0.904412 -0.64706,1.536764 L 7.82353,6.823529 Q 8.45588,6.17647 9.35294,6.17647 q 0.88235,0 1.5,0.617648 l 1.52941,1.529411 Q 13,8.941176 13,9.823529 z"/>
+    </svg>
+  `;
+
+  header.appendChild(link);
+});
\ No newline at end of file
diff --git a/assets/stylesheets/new-stylesheets/_core.scss b/assets/stylesheets/new-stylesheets/_core.scss
index bc42414e6..2d1825590 100644
--- a/assets/stylesheets/new-stylesheets/_core.scss
+++ b/assets/stylesheets/new-stylesheets/_core.scss
@@ -57,3 +57,24 @@ code {
     serif;
   font-weight: 400;
 }
+
+.header-with-anchor {
+  scroll-margin-top: 80px;
+
+  a {
+    display: none;
+    margin-left: 0.2em;
+
+    svg {
+      filter: var(--icon-filter);
+    }
+  }
+}
+
+h2.header-with-anchor {
+  &:hover {
+    a {
+      display: inline-block;
+    }
+  }
+}
\ No newline at end of file
diff --git a/assets/stylesheets/new-stylesheets/_themes.scss b/assets/stylesheets/new-stylesheets/_themes.scss
index 715d4faa9..1f86fe675 100644
--- a/assets/stylesheets/new-stylesheets/_themes.scss
+++ b/assets/stylesheets/new-stylesheets/_themes.scss
@@ -24,6 +24,9 @@
 
   --exception-page-bg: #fac685;
 
+  --icon-filter: none;
+  --icon-filter-hover: invert(1);
+
   --install-page-bg: linear-gradient(0deg, #f6b391 0%, #f8ce6e 92%);
   --install-site-code-box-bg: #ffffff;
   --install-site-code-box-pre-bg: #f2f2f2;
@@ -128,6 +131,9 @@
 
   --exception-page-bg: #23344a;
 
+  --icon-filter: invert(1);
+  --icon-filter-hover: none;
+
   --install-page-bg: linear-gradient(0deg, #ff8115 0%, #b7451b 92%);
   --install-site-code-box-bg: #23344a;
   --install-site-code-box-pre-bg: #111727;
diff --git a/documentation/index.md b/documentation/index.md
index 761c52b98..b9403513a 100644
--- a/documentation/index.md
+++ b/documentation/index.md
@@ -11,9 +11,7 @@ If you are new to Swift, you may want to check out these additional resources.
 </div>
 
 {%- for category in site.data.documentation %}
-  <h2>
-  {{ category.header }}
-  </h2>
+## {{ category.header }}
   <div>
   {%- for entry in category.pages %}
     <div>
diff --git a/install/linux/index.md b/install/linux/index.md
index 9afddbde0..551c0813e 100644
--- a/install/linux/index.md
+++ b/install/linux/index.md
@@ -26,7 +26,7 @@ title: Install Swift - Linux
       {% include new-includes/components/code-box.html content = site.data.new-data.install.windows.releases.latest-release.vscode%}
     </div>
   </div>
-  <h2>Development Snapshots</h2>
+  <h2 id="development-snapshots" class="header-with-anchor">Development Snapshots</h2>
   <div>
     <p class="content-copy">Swift snapshots are prebuilt binaries that are automatically created from the branch. These snapshots are not official releases. They have gone through automated unit testing, but they have not gone through the full testing that is performed for official releases.</p>
   </div>
diff --git a/install/macos/index.md b/install/macos/index.md
index 09f4a1677..00c168dd0 100644
--- a/install/macos/index.md
+++ b/install/macos/index.md
@@ -50,7 +50,7 @@ title: Install Swift - macOS
         </details>
     </div>
   </div>
-  <h2>Development Snapshots</h2>
+  <h2 id="development-snapshots" class="header-with-anchor">Development Snapshots</h2>
   <div>
     <p class="content-copy">Swift snapshots are prebuilt binaries that are automatically created from the branch. These snapshots are not official releases. They have gone through automated unit testing, but they have not gone through the full testing that is performed for official releases.</p>
     <p class="content-copy">The easiest way to install development snapshots is with the Swiftly tool. Read more on the <a href="/install/macos/swiftly">instructions page</a>.</p>
diff --git a/install/windows/index.md b/install/windows/index.md
index aaa390bb4..7d72d6291 100644
--- a/install/windows/index.md
+++ b/install/windows/index.md
@@ -23,7 +23,7 @@ title: Install Swift - Windows
       {% include new-includes/components/code-box.html content = site.data.new-data.install.windows.releases.latest-release.vscode%}
     </div>
   </div>
-  <h2>Alternative install options</h2>
+  <h2 id="alternative-install-options" class="header-with-anchor">Alternative install options</h2>
   <div class="releases-grid">
     <div class="release-box section">
       <div class="content">
@@ -61,7 +61,7 @@ title: Install Swift - Windows
       </div>
     </div>
   </div>
-  <h2>Previous Releases</h2>
+  <h2 id="previous-releases" class="header-with-anchor">Previous Releases</h2>
   <div>
     <p class="content-copy">Previous releases of Swift are available for installation on Windows using the manual installer, <a href="/install/windows/archived">as documented here</a>.</p>
   </div>
@@ -73,7 +73,7 @@ title: Install Swift - Windows
         </details>
     </div>
   </div>
-  <h2>Development Snapshots</h2>
+  <h2 id="development-snapshots" class="header-with-anchor">Development Snapshots</h2>
   <div>
     <p class="content-copy">Swift snapshots are prebuilt binaries that are automatically created from the branch. These snapshots are not official releases. They have gone through automated unit testing, but they have not gone through the full testing that is performed for official releases.</p>
   </div>