diff --git a/site/assets/images/iseal-logo.png b/site/assets/images/iseal-logo.png
new file mode 100644
index 00000000..3e2a3e58
Binary files /dev/null and b/site/assets/images/iseal-logo.png differ
diff --git a/site/layouts/_default/home.html b/site/layouts/_default/home.html
index 109f37a3..8b4a487a 100644
--- a/site/layouts/_default/home.html
+++ b/site/layouts/_default/home.html
@@ -9,6 +9,8 @@
       <div class="col-lg-2 d-none d-lg-block">
         <div class="sticky-top">
           <nav id="navbar-navigation" class="navbar navbar-light bg-light flex-column align-items-start p-3">
+            {{ $isealLogo := resources.Get "images/iseal-logo.png" | resources.Fingerprint }}
+            <img id="iseal-logo" src="{{ $isealLogo.Permalink }}" width="150px">
             <a class="navbar-brand" href="#">Navigation</a>
             <nav class="nav nav-pills flex-column">
               <a class="nav-link" href="#clusters-and-modules">Clusters and Modules</a>
@@ -27,7 +29,7 @@
       </div>
       <!-- main content is 10 columns on large devices, 12 on all others -->
       <main class="col-lg-10">
-        <h1>ISEAL Core Metadata Set Specification</h1>
+        <h1 id="iseal-heading">ISEAL Core Metadata Set Specification</h1>
         <p class="lead">This page provides a reference specification for the ISEAL Core Metadata set (ISEAL Core).</p>
         <p>ISEAL Core is a set of structured terms and vocabularies that can be used as metadata to describe, share, and reuse different digital resources across the ISEAL Community and broader set of stakeholders. The resources described using the ISEAL Core are those that sustainability systems typically collect, curate, manage, use, publish and archive. They may be datasets, published research, certificates, videos, images, maps, or other organizational documentation.</p>
         <h2 id="clusters-and-modules">Clusters and Modules</h2>
diff --git a/site/source/scss/iseal.scss b/site/source/scss/iseal.scss
index 9e3a8f84..2a42617f 100644
--- a/site/source/scss/iseal.scss
+++ b/site/source/scss/iseal.scss
@@ -44,3 +44,15 @@ h1, h2, h3 {
     color: $primary;
     font-weight: 700;
 }
+
+// Add a bit of space below the logo
+#iseal-logo {
+    margin-bottom: 3px;
+}
+
+// Vertically align the heading with the ISEAL logo in the navigation bar. The
+// default Bootstrap padding is 16px on the navbar, so we need that plus a few
+// more to achieve visual alignment with the bottom of the logo.
+#iseal-heading {
+    padding-top: 21px;
+}