diff --git a/package.json b/package.json
index 3d06cea4..0d6583e6 100644
--- a/package.json
+++ b/package.json
@@ -48,5 +48,5 @@
         "preview:https": "serve dist",
         "reinstall": "rm -rf node_modules; yarn; vue-tsc --noEmit"
     },
-    "version": "v5.0.0-alpha.301"
+    "version": "5.0.0-alpha.303"
 }
diff --git a/src/components/units/DemoMode/AppDemo.vue b/src/components/units/DemoMode/AppDemo.vue
index 862102dd..84535c49 100644
--- a/src/components/units/DemoMode/AppDemo.vue
+++ b/src/components/units/DemoMode/AppDemo.vue
@@ -19,6 +19,7 @@
     const store = useStore();
     const games = [
         { gameId: "tictactoe", variantId: "regular", isDrawGame: false },
+        { gameId: "abrobad", variantId: "standard", isDrawGame: false },
         { gameId: "chinesechess", variantId: "regular", isDrawGame: false, startPosition: "1_---k---------------------P---------------------------R-------------n------------------K---" },
         { gameId: "topitop", variantId: "regular", isDrawGame: false },
         { gameId: "quarto", variantId: "regular", isDrawGame: false },
diff --git a/src/models/images/svg/3spot/h.svg b/src/models/images/svg/3spot/h.svg
index 2501df8f..c791b9d1 100644
--- a/src/models/images/svg/3spot/h.svg
+++ b/src/models/images/svg/3spot/h.svg
@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?>
 <svg version="1.1" id="MoveButtonSVG" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
     <ellipse cx="5" cy="5" rx="5" ry="3" stroke="none" />
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/models/images/svg/abrobad/board.svg b/src/models/images/svg/abrobad/board.svg
new file mode 100644
index 00000000..12dfc145
--- /dev/null
+++ b/src/models/images/svg/abrobad/board.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
+    <style>
+        .hex { 
+            fill: none; 
+            stroke: #000000; 
+            stroke-width: 2.5;
+            stroke-linejoin: miter;
+            stroke-linecap: butt;
+            vector-effect: non-scaling-stroke;
+        }
+    </style>
+    <defs>
+        <polygon id="hexagon" points="60,0 30,52 -30,52 -60,0 -30,-52 30,-52" transform="rotate(90)" />
+    </defs>
+    <!-- First Row -->
+    <use href="#hexagon" x="190" y="80" class="hex" />
+    <use href="#hexagon" x="300" y="80" class="hex" />
+    <!-- Second Row -->
+    <use href="#hexagon" x="135" y="175" class="hex" />
+    <use href="#hexagon" x="245" y="175" class="hex" />
+    <use href="#hexagon" x="355" y="175" class="hex" />
+    <!-- Third Row -->
+    <use href="#hexagon" x="80" y="270" class="hex" />
+    <use href="#hexagon" x="190" y="270" class="hex" />
+    <use href="#hexagon" x="300" y="270" class="hex" />
+    <use href="#hexagon" x="410" y="270" class="hex" />
+    <!-- Fourth Row -->
+    <use href="#hexagon" x="135" y="365" class="hex" />
+    <use href="#hexagon" x="245" y="365" class="hex" />
+    <use href="#hexagon" x="355" y="365" class="hex" />
+</svg>
\ No newline at end of file
diff --git a/src/models/images/svg/abrobad/propose.svg b/src/models/images/svg/abrobad/propose.svg
new file mode 100644
index 00000000..92843580
--- /dev/null
+++ b/src/models/images/svg/abrobad/propose.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="MoveButtonSVG" xmlns="http://www.w3.org/2000/svg" viewBox="-40 -40 80 80">
+  <rect x="-25" y="-10" width="50" height="19" fill="none" stroke="#000000" stroke-width="1" rx="4" ry="4"/>
+  <text x="0" y="-0.5" text-anchor="middle" alignment-baseline="middle" 
+        font-family="Times" font-size="7" font-weight="bold" 
+        fill="#none" stroke="none">End Game</text>
+</svg>
\ No newline at end of file
diff --git a/src/models/images/thumbnail/abrobad-regular.png b/src/models/images/thumbnail/abrobad-regular.png
new file mode 100644
index 00000000..e8c6df4d
Binary files /dev/null and b/src/models/images/thumbnail/abrobad-regular.png differ