diff --git a/src/assets/images/logo-deploy-to-ionos.svg b/src/assets/images/logo-deploy-to-ionos.svg
new file mode 100644
index 000000000..dfcbd49d9
--- /dev/null
+++ b/src/assets/images/logo-deploy-to-ionos.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" fill="none">
+  <path fill="#3B9CDA" d="M4.297 9.147a5.98 5.98 0 0 0 .885 5.43l-1.801.918a8.014 8.014 0 0 1-.994-6.968l1.91.62Z"/>
+  <path fill="#3B9CDA" d="M5.76 6.76A5.98 5.98 0 0 0 4.083 12H2.062A8.014 8.014 0 0 1 4.34 5.34l1.42 1.42Z"/>
+  <path fill="#3B9CDA" d="M10 3c-.03 0-.06.002-.09.005-.03.002-.06.005-.09.005l1.09-1.09L9.5.5 6 4l3.5 3.5 1.41-1.41-1.08-1.08c.031 0 .063-.003.093-.005C9.95 5.002 9.976 5 10 5h.002A6 6 0 0 1 10 17H0v2h10a8 8 0 0 0 0-16ZM15.5 19H20v-2h-2a9.998 9.998 0 0 1-2 2h-.5Z"/>
+</svg>
diff --git a/src/templates/Starter.vue b/src/templates/Starter.vue
index 225de4579..6d8bd06e1 100644
--- a/src/templates/Starter.vue
+++ b/src/templates/Starter.vue
@@ -52,13 +52,16 @@
                 </code>
               </div>
               <hr />
-              <div class="deploy-buttons flex">
+              <div class="deploy-buttons flex flex_space-between">
                 <a class="button button--small" :href="codeSandboxUrl">
                   <CodeSandboxLogo alt="CodeSandbox" height="16" /> Open in CodeSandbox
                 </a>
                 <a class="button button--small" :href="netlifyDeployUrl">
                   <NetlifyLogo alt="Netlify" /> Deploy to Netlify
                 </a>
+                <a class="button button--small" :href="ionosDeployUrl">
+                  <DeployToIonosLogo alt="Deploy To Ionos" /> Deploy to IONOS
+                </a>
               </div>
             </div>
           </Popover>
@@ -97,6 +100,7 @@ import Skeleton from '~/components/Skeleton.vue'
 import ClipboardIcon from '~/assets/images/icon-clipboard.svg'
 import GithubIcon from '~/assets/images/github-logo.svg'
 import NetlifyLogo from '~/assets/images/logo-netlify-small.svg'
+import DeployToIonosLogo from '~/assets/images/logo-deploy-to-ionos.svg'
 import CodeSandboxLogo from '~/assets/images/logo-codesandbox.svg'
 import Popover from 'vue-popover'
 
@@ -108,6 +112,7 @@ export default {
     Skeleton,
     ClipboardIcon,
     NetlifyLogo,
+    DeployToIonosLogo,
     CodeSandboxLogo,
     Popover,
     GithubIcon
@@ -132,6 +137,9 @@ export default {
     },
     codeSandboxUrl () {
       return `https://codesandbox.io/s/github/${this.$page.starter.repo}`
+    },
+    ionosDeployUrl () {
+      return `https://ionos.space/setup?repo=https://github.com/${this.$page.starter.repo}`
     }
   },
 
@@ -236,10 +244,13 @@ query ($id: ID!) {
   }
 }
 
+.flex_space-between {
+  justify-content: space-between;
+}
+
 .deploy-buttons {
   .button {
     margin-bottom: 0;
-    margin-right: 1rem;
     svg {
       width: 20px;
       height: 20px;
@@ -254,7 +265,7 @@ query ($id: ID!) {
     top: 87%;
     right: -15px;
     z-index: 999;
-    width: 500px;
+    width: 660px;
     padding: var(--space);
     background-color: var(--bg);
     box-shadow: var(--glow);