diff --git a/package/mac/dmg-background.svg b/package/mac/dmg-background.svg
new file mode 100644
index 0000000..3b2db6d
--- /dev/null
+++ b/package/mac/dmg-background.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- DragonMoonlight DMG installer background -->
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 660 400"
+    width="660"
+    height="400"
+    version="1.1">
+    <defs>
+        <style type="text/css">
+            .title-text {
+                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
+                font-size: 48px;
+                font-weight: bold;
+                fill: #ffffff;
+                text-anchor: middle;
+            }
+            .subtitle-text {
+                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
+                font-size: 16px;
+                fill: #cccccc;
+                text-anchor: middle;
+            }
+            .arrow {
+                stroke: #4da6ff;
+                stroke-width: 2;
+                fill: none;
+                stroke-linecap: round;
+                stroke-linejoin: round;
+            }
+            .arrowhead {
+                fill: #4da6ff;
+            }
+        </style>
+    </defs>
+
+    <!-- Dark background -->
+    <rect width="660" height="400" fill="#1a1a2e"/>
+
+    <!-- Subtle gradient overlay for depth -->
+    <defs>
+        <linearGradient id="bgGradient" x1="0%" y1="0%" x2="0%" y2="100%">
+            <stop offset="0%" style="stop-color:#1a1a2e;stop-opacity:1" />
+            <stop offset="100%" style="stop-color:#0f0f1e;stop-opacity:1" />
+        </linearGradient>
+    </defs>
+    <rect width="660" height="400" fill="url(#bgGradient)"/>
+
+    <!-- Title -->
+    <text x="330" y="80" class="title-text">DragonMoonlight</text>
+
+    <!-- Subtitle -->
+    <text x="330" y="130" class="subtitle-text">Drag to Applications to install</text>
+
+    <!-- Directional arrow from app position to Applications -->
+    <!-- App icon is at 160,185; Applications link is at 500,185 -->
+    <!-- Arrow curved slightly above center -->
+    <path
+        d="M 240 175 Q 330 150 450 175"
+        class="arrow"/>
+
+    <!-- Arrowhead (triangle pointing right) -->
+    <polygon points="460,175 445,170 450,180" class="arrowhead"/>
+
+    <!-- Subtle accent line -->
+    <line x1="0" y1="350" x2="660" y2="350" stroke="#2a2a4e" stroke-width="1" opacity="0.5"/>
+</svg>