diff --git a/site/layouts/partials/docs-navbar.html b/site/layouts/partials/docs-navbar.html
index b13dac68c5..9d86941e9b 100644
--- a/site/layouts/partials/docs-navbar.html
+++ b/site/layouts/partials/docs-navbar.html
@@ -1,7 +1,7 @@
 <header class="navbar navbar-expand navbar-dark bd-navbar">
   <nav class="container-xxl flex-wrap flex-md-nowrap" aria-label="Main navigation">
-    <a class="navbar-brand mr-2" href="/" aria-label="Bootstrap">
-      {{ partial "icons/bootstrap-logo-solid.svg" (dict "class" "d-block" "width" "32" "height" "32") }}
+    <a class="navbar-brand p-0 mr-2" href="/" aria-label="Bootstrap">
+      {{ partial "icons/bootstrap-white-fill.svg" (dict "class" "d-block" "height" "32") }}
     </a>
 
     <div class="navbar-nav-scroll order-3 order-md-0 d-flex justify-content-center justify-content-md-start mt-1 mt-md-0">
diff --git a/site/layouts/partials/home/masthead.html b/site/layouts/partials/home/masthead.html
index 599d493e38..1cedf168fa 100644
--- a/site/layouts/partials/home/masthead.html
+++ b/site/layouts/partials/home/masthead.html
@@ -1,8 +1,8 @@
 <main class="bd-masthead mb-3 mb-md-5" id="content">
   <div class="container px-4 px-md-3">
-    <div class="row">
-      <div class="col-6 mx-auto col-md-4 order-md-2 col-lg-5">
-        {{ partial "icons/bootstrap-stack.svg" (dict "class" "img-fluid mb-3 mb-md-0" "width" "512" "height" "430") }}
+    <div class="row align-items-lg-center">
+      <div class="col-8 mx-auto col-md-4 order-md-2 col-lg-5">
+        {{ partial "homepage-hero.svg" (dict "class" "img-fluid mb-3 mb-md-0" "width" "900" "height" "800") }}
       </div>
       <div class="col-md-8 order-md-1 col-lg-7 text-center text-md-left">
         <h1 class="mb-3">Build fast, responsive sites with Bootstrap</h1>
diff --git a/site/layouts/partials/homepage-hero.svg b/site/layouts/partials/homepage-hero.svg
new file mode 100644
index 0000000000..a1852e60f8
--- /dev/null
+++ b/site/layouts/partials/homepage-hero.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"{{ with .width }} width="{{ . }}"{{ end }}{{ with .height }} height="{{ . }}"{{ end }}{{ with .class }} class="{{ . }}"{{ end }} viewBox="0 0 900 800"><title>{{ with .title }}{{ . }}{{ else }}Bootstrap{{ end }}</title><filter id="d" filterUnits="userSpaceOnUse" height="623.928" width="704" x="98" y="96"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="8"/><feGaussianBlur stdDeviation="16"/><feColorMatrix values="0 0 0 0 0.423529 0 0 0 0 0.0666667 0 0 0 0 0.956863 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><filter id="e"  filterUnits="userSpaceOnUse" height="623.928" width="704" x="98" y="96"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="8"/><feGaussianBlur stdDeviation="16"/><feColorMatrix values="0 0 0 0 0.423529 0 0 0 0 0.0666667 0 0 0 0 0.956863 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><filter id="g"  filterUnits="userSpaceOnUse" height="302.767" width="260.144" x="319.591" y="254.414"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4"/><feGaussianBlur stdDeviation="8"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><filter id="h"  filterUnits="userSpaceOnUse" height="303.992" width="261.369" x="318.978" y="253.801"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4"/><feGaussianBlur stdDeviation="8"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><radialGradient id="b" cx="0" cy="0" gradientTransform="rotate(90 25 425) scale(400)" gradientUnits="userSpaceOnUse" r="1"><stop offset="0" stop-color="#ced4da"/><stop offset="1" stop-color="#ced4da" stop-opacity="0"/></radialGradient><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="211.405" x2="769.059" y1="251.5" y2="494.972"><stop offset="0" stop-color="#9013fe"/><stop offset=".995" stop-color="#6610f2"/></linearGradient><linearGradient id="f" gradientUnits="userSpaceOnUse" x1="355.429" x2="507.28" y1="321.946" y2="467.536"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#f1e5fc"/></linearGradient><clipPath id="a"><path d="M0 0h900v800H0z"/></clipPath><g clip-path="url(#a)"><circle cx="450" cy="400" fill="url(#b)" r="400"/><g clip-rule="evenodd" fill-rule="evenodd"><path d="M138 539h98v46h-98zm100-2v50H136v-50z" fill="#ffc107"/><path d="M238 539h89a7 7 0 017 7v32a7 7 0 01-7 7h-89zm89-2a9 9 0 019 9v32a9 9 0 01-9 9h-91v-50zm-281.816 0c-5.072 0-9.184 4.029-9.184 9v32c0 4.971 4.112 9 9.184 9H136v-50zM60 558a4 4 0 000 8h52a4 4 0 000-8z" fill="#ffc107"/><path d="M115 400a8 8 0 100-16 8 8 0 000 16zm0 2c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10zm-30 0c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10zm0-5a5 5 0 100-10 5 5 0 000 10zm53-15a4 4 0 00-4 4v12a4 4 0 004 4h12a4 4 0 004-4v-12a4 4 0 00-4-4zm11.676 5.324a1.103 1.103 0 00-1.591.033l-5.115 6.517-3.084-3.084a1.105 1.105 0 00-1.562 1.563l3.898 3.898a1.103 1.103 0 001.589-.03l5.881-7.351a1.103 1.103 0 00-.016-1.546zM180 384h-12a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2v-12a2 2 0 00-2-2zm-12-2a4 4 0 00-4 4v12a4 4 0 004 4h12a4 4 0 004-4v-12a4 4 0 00-4-4z" fill="#007bff"/><path d="M473 554c0-5.523 4.477-10 10-10h260c5.523 0 10 4.477 10 10v130.125c0 5.523-4.477 10-10 10H626.646a7.994 7.994 0 00-5.64 2.327l-6.596 6.556c-.78.776-2.04.776-2.82 0l-6.596-6.556a7.994 7.994 0 00-5.64-2.327H483c-5.523 0-10-4.477-10-10zm10-8a8 8 0 00-8 8v29h276v-29a8 8 0 00-8-8zm268 39H475v99.125a8 8 0 008 8h116.354a10 10 0 017.05 2.908L613 701.59l6.596-6.557a10 10 0 017.05-2.908H743a8 8 0 008-8z" fill="#adb5bd"/><path d="M503 74c0-5.523 4.477-10 10-10h260c5.523 0 10 4.477 10 10v160c0 5.523-4.477 10-10 10H513c-5.523 0-10-4.477-10-10zm10-8a8 8 0 00-8 8v29h276V74a8 8 0 00-8-8zm268 39H505v97h276zm0 99H644v38h129a8 8 0 008-8zm-139 38v-38H505v30a8 8 0 008 8z" fill="#007bff"/><path d="M756.293 79.293a1 1 0 011.414 0L762 83.586l4.293-4.293a1 1 0 111.414 1.414L763.414 85l4.293 4.293a1 1 0 11-1.414 1.414L762 86.414l-4.293 4.293a1 1 0 11-1.414-1.414L760.586 85l-4.293-4.293a1 1 0 010-1.414z" fill="#007bff"/></g><path d="M673 223a4 4 0 014-4h72a4 4 0 010 8h-72a4 4 0 01-4-4zm-140 0a4 4 0 014-4h72a4 4 0 010 8h-72a4 4 0 01-4-4z" fill="#007bff"/><path clip-rule="evenodd" d="M757 432H475a7 7 0 00-7 7v32a7 7 0 007 7h282a7 7 0 007-7v-32a7 7 0 00-7-7zm-282-2a9 9 0 00-9 9v32a9 9 0 009 9h282a9 9 0 009-9v-32a9 9 0 00-9-9zm310 0a9 9 0 00-9 9v32a9 9 0 009 9h72a9 9 0 009-9v-32a9 9 0 00-9-9zm10 21a4 4 0 000 8h52a4 4 0 000-8z" fill="#e83e8c" fill-rule="evenodd"/><path clip-rule="evenodd" d="M825 336H541a6 6 0 100 12h284a6 6 0 100-12zm-284-2a8 8 0 000 16h284a8 8 0 000-16z" fill="#dc3545" fill-rule="evenodd"/><path d="M533 342a8 8 0 018-8h242v16H541a8 8 0 01-8-8z" fill="#dc3545"/><path clip-rule="evenodd" d="M57 271a6 6 0 00-6 6v28a6 6 0 006 6h81.515a6 6 0 014.242 1.757l7.536 7.536a1 1 0 001.414 0l7.536-7.536a6 6 0 014.242-1.757H245a6 6 0 006-6v-28a6 6 0 00-6-6zm33 16a4 4 0 000 8h122a4 4 0 000-8z" fill="#adb5bd" fill-rule="evenodd"/><path clip-rule="evenodd" d="M253 157c0-5.523-4.477-10-10-10H141c-5.523 0-10 4.477-10 10v39a1 1 0 002 0v-39a8 8 0 018-8h102a8 8 0 018 8v39a1 1 0 001 1h198a1 1 0 000-2H253z" fill="#20c997" fill-rule="evenodd"/><path d="M151 174a4 4 0 014-4h72a4 4 0 010 8h-72a4 4 0 01-4-4z" fill="#20c997"/><path clip-rule="evenodd" d="M202.606 300.603c-8.615-28.187 6.531-60.366 36.506-68.398l309.643-82.969c29.975-8.031 59.181 12.264 65.814 40.982 6.371 27.588 17.095 62.662 33.744 89.141 16.7 26.562 36.732 40.854 62.058 36.589l7.125 26.591c-24.065 8.969-34.268 31.362-35.45 62.716-1.178 31.256 7.072 66.993 15.348 94.07 8.615 28.187-6.531 60.366-36.506 68.398l-309.643 82.969c-29.975 8.031-59.181-12.264-65.814-40.982-6.371-27.587-17.095-62.661-33.744-89.141-16.7-26.562-36.732-40.854-62.058-36.588l-7.125-26.592c24.065-8.969 34.268-31.362 35.45-62.715 1.178-31.257-7.072-66.994-15.348-94.071z" fill="url(#c)" fill-rule="evenodd" filter="url(#d)"/><path clip-rule="evenodd" d="M239.37 233.171c-29.369 7.87-44.275 39.435-35.808 67.14 8.286 27.109 16.576 62.974 15.391 94.4-1.175 31.158-11.239 53.906-35.25 63.291l6.659 24.848c25.486-3.877 45.576 10.791 62.172 37.187 16.739 26.623 27.493 61.828 33.872 89.448 6.519 28.227 35.21 48.11 64.58 40.241l309.644-82.969c29.369-7.87 44.275-39.435 35.807-67.139-8.285-27.11-16.575-62.975-15.39-94.401 1.175-31.158 11.239-53.906 35.25-63.29l-6.659-24.849c-25.486 3.877-45.576-10.791-62.172-37.186-16.739-26.624-27.493-61.829-33.872-89.449-6.519-28.227-35.21-48.11-64.58-40.241zm471.001 82.777c-25.326 4.265-45.358-10.027-62.058-36.589-16.649-26.479-27.373-61.553-33.744-89.141-6.633-28.718-35.839-49.013-65.814-40.982l-309.643 82.969c-29.975 8.032-45.121 40.211-36.506 68.398 8.276 27.077 16.526 62.814 15.348 94.071-1.182 31.353-11.385 53.746-35.45 62.715l7.125 26.592c25.326-4.266 45.358 10.026 62.058 36.588 16.649 26.479 27.373 61.554 33.744 89.141 6.633 28.718 35.839 49.013 65.814 40.982l309.643-82.969c29.975-8.032 45.121-40.211 36.506-68.398-8.276-27.077-16.526-62.814-15.348-94.07 1.182-31.354 11.385-53.747 35.45-62.716z" fill="#000" fill-opacity=".15" fill-rule="evenodd" filter="url(#e)"/><path d="M486.73 512.898c48.05-12.875 70.547-44.736 59.894-84.491-8.052-30.051-34.541-46.271-66.141-41.494l-.335-1.252c21.531-9.796 33.472-35.978 27.056-59.924-9.143-34.121-41.393-49.3-81.461-38.564l-88.22 23.639a2 2 0 00-1.415 2.449l59.482 221.988a2 2 0 002.449 1.414zM378.325 330.577l46.641-12.497c25.356-6.794 42.859.93 48.478 21.903 5.997 22.381-7.395 39.39-37.759 47.526L396.4 398.035zm45.167 168.567L403.571 424.8l46.329-12.414c33.181-8.891 53.753-.983 60.295 23.433 6.543 24.417-6.724 41.895-38.34 50.366z" fill="url(#f)" filter="url(#g)"/><path clip-rule="evenodd" d="M335.625 313.391a2.5 2.5 0 011.768-3.062l88.221-23.639c20.12-5.391 38.326-4.288 52.67 2.492 14.354 6.784 24.795 19.232 29.403 36.425 6.437 24.027-5.424 50.294-26.947 60.331l.111.415c31.636-4.594 58.171 11.749 66.256 41.924 5.36 20.004 2.386 38.065-8.009 52.745-10.385 14.666-28.139 25.902-52.239 32.359l-88.69 23.765a2.5 2.5 0 01-3.062-1.768zm2.027-2.096a1.5 1.5 0 00-1.061 1.837l59.482 221.987a1.5 1.5 0 001.837 1.061l88.69-23.764c23.95-6.418 41.47-17.551 51.682-31.972 10.204-14.41 13.152-32.157 7.859-51.908-7.981-29.786-34.215-45.87-65.583-41.129l-.442.067-.561-2.093.386-.176c21.296-9.688 33.136-35.615 26.78-59.339-4.536-16.926-14.791-29.129-28.864-35.78-14.083-6.656-32.036-7.775-51.984-2.43zm40.06 18.929l47.125-12.627c12.743-3.414 23.585-3.201 31.974.566 8.407 3.775 14.274 11.085 17.116 21.69 3.035 11.326 1.168 21.341-5.335 29.546-6.486 8.182-17.539 14.51-32.777 18.593l-39.768 10.656zm1.225.707l17.817 66.492 38.802-10.397c15.126-4.053 25.95-10.298 32.252-18.249 6.285-7.929 8.116-17.609 5.153-28.665-2.778-10.367-8.472-17.406-16.56-21.037-8.106-3.64-18.693-3.892-31.305-.512zm24.022 93.515l46.812-12.543c16.638-4.458 30.197-4.729 40.447-.757 10.281 3.985 17.155 12.209 20.46 24.544 3.304 12.329 1.616 22.969-4.945 31.594-6.545 8.604-17.885 15.134-33.748 19.384l-48.846 13.089zm1.225.707l19.662 73.379 47.88-12.83c15.753-4.221 26.854-10.666 33.211-19.023 6.34-8.336 8.014-18.643 4.775-30.73-3.237-12.081-9.92-20.02-19.856-23.87-9.967-3.863-23.284-3.643-39.827.79z" fill="#fff" fill-rule="evenodd" filter="url(#h)"/></g></svg>
\ No newline at end of file
diff --git a/site/layouts/partials/icons/bootstrap-white-fill.svg b/site/layouts/partials/icons/bootstrap-white-fill.svg
new file mode 100644
index 0000000000..7461c08982
--- /dev/null
+++ b/site/layouts/partials/icons/bootstrap-white-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"{{ with .width }} width="{{ . }}"{{ end }}{{ with .height }} height="{{ . }}"{{ end }}{{ with .class }} class="{{ . }}"{{ end }} viewBox="0 0 118 94" role="img"><title>{{ with .title }}{{ . }}{{ else }}Bootstrap{{ end }}</title><path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM79 57.863C79 66.663 72.436 72 61.543 72H43a2 2 0 0 1-2-2V24a2 2 0 0 1 2-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C74.317 46.394 79 51.21 79 57.863zM59.521 28.34H48.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zm-10.573 20.86v16.458H59.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H48.948z" fill="#fff"/></svg>