diff --git a/src/components/SiteTitle.astro b/src/components/SiteTitle.astro
index 0bdbf30..e0732bb 100644
--- a/src/components/SiteTitle.astro
+++ b/src/components/SiteTitle.astro
@@ -1,14 +1,15 @@
 ---
 // The site title: the pixel eye beside the name, drawn as a mask over the
-// text colour so it follows the theme (styles/intentius.css). On a phone a
-// Contact link sits beside it, since Starlight hides the header's right side
-// (where SocialIcons.astro puts Contact) below its md width.
+// text colour so it follows the theme (styles/intentius.css). On a phone the
+// Demo and Contact links sit beside it, since Starlight hides the header's
+// right side (where SocialIcons.astro puts them) below its md width.
 const { siteTitle, siteTitleHref } = Astro.locals.starlightRoute;
 ---
 <a href={siteTitleHref} class="site-title sl-flex">
 	<span class="in-logo" aria-hidden="true"></span>
 	<span translate="no">{siteTitle}</span>
 </a>
+<a class="in-contact-phone" href="https://demo.intentius.io/">Demo</a>
 <a class="in-contact-phone" href="/contact/">Contact</a>
 
 <style>
@@ -21,7 +22,7 @@ const { siteTitle, siteTitleHref } = Astro.locals.starlightRoute;
 	}
 	.in-contact-phone {
 		align-self: center;
-		margin-left: 0.75rem;
+		margin-left: 0.5rem;
 		padding: 0.2rem 0.65rem;
 		font-size: var(--sl-text-xs);
 		font-weight: 600;
diff --git a/src/components/SocialIcons.astro b/src/components/SocialIcons.astro
index 674d2e1..93908de 100644
--- a/src/components/SocialIcons.astro
+++ b/src/components/SocialIcons.astro
@@ -1,8 +1,10 @@
 ---
-// The header's right side: a Contact link first, since every offer on the
-// site ends in getting in touch, then Starlight's own social icons.
+// The header's right side: the Demo and Contact links first, since every
+// offer on the site ends in trying it or getting in touch, then Starlight's
+// own social icons.
 import Default from '@astrojs/starlight/components/SocialIcons.astro';
 ---
+<a class="in-contact" href="https://demo.intentius.io/">Demo</a>
 <a class="in-contact" href="/contact/">Contact</a>
 <Default />