diff --git a/README.md b/README.md
index 3a48676b..2eec9855 100644
--- a/README.md
+++ b/README.md
@@ -24,7 +24,7 @@
 
 ### DMG (recommended)
 
-[**Download for Mac**](https://github.com/manaflow-ai/cmux/releases/latest/download/cmux-macos.dmg)
+[![Download for Mac](web/public/download-badge.svg)](https://github.com/manaflow-ai/cmux/releases/latest/download/cmux-macos.dmg)
 
 Open the `.dmg` and drag cmux to your Applications folder. cmux auto-updates via Sparkle, so you only need to download once.
 
diff --git a/web/public/download-badge.svg b/web/public/download-badge.svg
new file mode 100644
index 00000000..3a2e0a3b
--- /dev/null
+++ b/web/public/download-badge.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="40" viewBox="0 0 200 40">
+  <rect width="200" height="40" rx="20" fill="#171717"/>
+  <g transform="translate(18,10)">
+    <path d="M15.5 6.7c-.1.1-2.2 1.3-2.2 3.9 0 3 2.6 4.1 2.7 4.1 0 .1-.4 1.5-1.4 2.9-.9 1.3-1.8 2.5-3.2 2.5s-1.7-.8-3.3-.8c-1.6 0-2.1.8-3.4.8s-2.1-1.2-3.2-2.6c-1.2-1.7-2.1-4.3-2.1-6.7 0-3.9 2.5-6 5.1-6 1.3 0 2.4.9 3.3.9.8 0 2-.9 3.6-.9.6 0 2.6.1 4 2zM12.1 3.2c.6-.7 1.1-1.8 1.1-2.8 0-.1 0-.3 0-.4-1 0-2.2.7-3 1.5-.6.7-1.2 1.7-1.2 2.8 0 .2 0 .3 0 .4.1 0 .2 0 .3 0 .9 0 2.1-.6 2.8-1.5z" fill="white"/>
+  </g>
+  <text x="50" y="24.5" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif" font-size="13.5" font-weight="500" fill="white">Download for Mac</text>
+</svg>