diff --git a/package.json b/package.json
index 2dbf984..1ff0dd0 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "website",
   "private": true,
-  "version": "12.2.0",
+  "version": "12.10.0",
   "type": "module",
   "scripts": {
     "dev": "vite dev",
diff --git a/src/routes/site/design/+page.svelte b/src/routes/site/design/+page.svelte
index 4cf523e..a23ec68 100644
--- a/src/routes/site/design/+page.svelte
+++ b/src/routes/site/design/+page.svelte
@@ -22,6 +22,7 @@
   import VerifierCard from '$lib/components/VerifierCard.svelte';
   import { getMoonPhaseName } from '$lib/utils/moonPhase';
   import { PUBLIC_ATPROTO_DID } from '$env/static/public';
+  import packageInfo from '../../../../package.json';
 
   let { data } = $props();
   let copiedIndex = $state<string | null>(null);
@@ -219,7 +220,7 @@
   <header class="page-hd spec-header">
     <div class="spec-meta">
       <span class="meta-tag">DESIGN SYSTEM</span>
-      <span class="meta-tag">v12.2.0</span>
+      <span class="meta-tag">v{packageInfo.version}</span>
       <span class="meta-tag">TECHNICAL SPEC</span>
     </div>
     <h1 class="page-title">Identity &amp; Assets</h1>