diff --git a/src/css/hero.css b/src/css/hero.css
index baf123c..b23006c 100644
--- a/src/css/hero.css
+++ b/src/css/hero.css
@@ -14,9 +14,18 @@
 #hero-text {
   margin-top: 12px;
   color: var(--steel-850);
+  text-align: center;
+}
+
+#hero-text-tagline {
   font-size: 14px;
   font-family: "Source Sans Pro Medium";
-  text-align: center;
+}
+
+#hero-text-version {
+  font-size: 12px;
+  margin-top: 0.4rem;
+  color: var(--steel-550);
 }
 
 #hero-left-drawing,
diff --git a/src/d2.wasm b/src/d2.wasm
index 5e224c6..b2299cf 100755
Binary files a/src/d2.wasm and b/src/d2.wasm differ
diff --git a/src/index.html b/src/index.html
index d662384..47b88a2 100644
--- a/src/index.html
+++ b/src/index.html
@@ -120,8 +120,12 @@
               />
             </picture>
             <div id="hero-text">
-              An online runner to play, learn, and create with D2, the modern diagram
-              scripting language that turns text to diagrams.
+              <div id="hero-text-tagline">
+                An online runner to play, learn, and create with D2, the modern diagram
+                scripting language that turns text to diagrams.
+              </div>
+              <div id="hero-text-version">
+              </div>
             </div>
           </div>
           <div id="hero-right-drawing">
diff --git a/src/js/main.js b/src/js/main.js
index 2fea269..9723e7e 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -27,6 +27,9 @@ async function init() {
   Layout.init();
   Modal.init();
 
+  const versionDOM = document.getElementById("hero-text-version");
+  versionDOM.innerHTML = `d2 version: ${d2Version()}`;
+
   // TODO defer load hero images all the way here
 }