diff --git a/packages/core/templates/partials/slide-styles.eta b/packages/core/templates/partials/slide-styles.eta
index 498836a..2d1f973 100644
--- a/packages/core/templates/partials/slide-styles.eta
+++ b/packages/core/templates/partials/slide-styles.eta
@@ -664,9 +664,9 @@
   morkdeck-slide .marquee-sep {
     font-family: var(--morkdeck-fontFamily-mono);
     font-variation-settings: "MONO" 1;
-    font-size: 1.6cqi;
+    font-size: var(--morkdeck-dimension-size-marquee);
     font-weight: var(--morkdeck-fontWeight-medium);
-    letter-spacing: 0.12em;
+    letter-spacing: var(--morkdeck-dimension-tracking-allcaps);
     text-transform: uppercase;
     color: var(--morkdeck-color-muted);
   }
@@ -720,16 +720,16 @@
   morkdeck-slide[data-layout="title"] .colophon-avatar {
     grid-column: 1;
     grid-row: 1;
-    width: 4.4cqi;
+    width: var(--morkdeck-dimension-size-avatar-title);
     align-self: center;
   }
 
   morkdeck-slide[data-layout="title"][data-density="balanced"] .colophon-avatar {
-    width: 4cqi;
+    width: var(--morkdeck-dimension-size-avatar-title-balanced);
   }
 
   morkdeck-slide[data-layout="title"][data-density="dense"] .colophon-avatar {
-    width: 3.6cqi;
+    width: var(--morkdeck-dimension-size-avatar-title-dense);
   }
 
   morkdeck-slide[data-layout="title"] .colophon-speaker {
@@ -775,7 +775,7 @@
   }
 
   morkdeck-slide[data-layout="outro"] .colophon-avatar {
-    width: 12cqmin;
+    width: var(--morkdeck-dimension-size-avatar-outro);
     margin-bottom: 1cqmin;
   }
 
@@ -816,7 +816,7 @@
      crowding into it. */
   morkdeck-slide .colophon-speaker {
     margin: 0;
-    font-size: 2.4cqi;
+    font-size: var(--morkdeck-dimension-size-colophon-name);
     font-weight: var(--morkdeck-fontWeight-bold);
     color: var(--morkdeck-color-text);
     line-height: 1.1;
@@ -831,7 +831,7 @@
      meaning (slnt/CASL for italic aside, MONO for identifier). */
   morkdeck-slide .colophon-byline {
     margin: 0;
-    font-size: 1.7cqi;
+    font-size: var(--morkdeck-dimension-size-colophon-byline);
     font-weight: var(--morkdeck-fontWeight-regular);
     color: var(--morkdeck-color-muted);
     line-height: 1.3;
@@ -850,9 +850,9 @@
     margin: 0;
     font-family: var(--morkdeck-fontFamily-mono);
     font-variation-settings: "MONO" 1;
-    font-size: 1.5cqi;
+    font-size: var(--morkdeck-dimension-size-colophon-meta);
     font-weight: var(--morkdeck-fontWeight-regular);
-    letter-spacing: 0.1em;
+    letter-spacing: var(--morkdeck-dimension-tracking-allcaps);
     text-transform: uppercase;
     color: var(--morkdeck-color-muted);
     line-height: 1.5;
@@ -912,8 +912,8 @@
   }
 
   morkdeck-slide .colophon-socials svg {
-    width: 3cqi;
-    height: 3cqi;
+    width: var(--morkdeck-dimension-size-icon-social);
+    height: var(--morkdeck-dimension-size-icon-social);
     flex: none;
     display: block;
   }
@@ -932,7 +932,7 @@
   }
 
   morkdeck-slide .qr-block morkdeck-qr {
-    width: 18cqmin;
+    width: var(--morkdeck-dimension-size-qr);
     max-width: 100%;
   }
 </style>
diff --git a/packages/theme/tokens/size.json b/packages/theme/tokens/size.json
index ea669df..a33a0a0 100644
--- a/packages/theme/tokens/size.json
+++ b/packages/theme/tokens/size.json
@@ -27,6 +27,50 @@
     "code": {
       "$type": "dimension",
       "$value": { "value": 2, "unit": "cqi" }
+    },
+    "colophon-name": {
+      "$type": "dimension",
+      "$value": { "value": 2.4, "unit": "cqi" }
+    },
+    "colophon-byline": {
+      "$type": "dimension",
+      "$value": { "value": 1.7, "unit": "cqi" }
+    },
+    "colophon-meta": {
+      "$type": "dimension",
+      "$value": { "value": 1.5, "unit": "cqi" }
+    },
+    "marquee": {
+      "$type": "dimension",
+      "$value": { "value": 1.6, "unit": "cqi" }
+    },
+    "qr-label": {
+      "$type": "dimension",
+      "$value": { "value": 1.3, "unit": "cqi" }
+    },
+    "avatar-title": {
+      "$type": "dimension",
+      "$value": { "value": 4.4, "unit": "cqi" }
+    },
+    "avatar-title-balanced": {
+      "$type": "dimension",
+      "$value": { "value": 4, "unit": "cqi" }
+    },
+    "avatar-title-dense": {
+      "$type": "dimension",
+      "$value": { "value": 3.6, "unit": "cqi" }
+    },
+    "avatar-outro": {
+      "$type": "dimension",
+      "$value": { "value": 12, "unit": "cqmin" }
+    },
+    "qr": {
+      "$type": "dimension",
+      "$value": { "value": 18, "unit": "cqmin" }
+    },
+    "icon-social": {
+      "$type": "dimension",
+      "$value": { "value": 3, "unit": "cqi" }
     }
   },
   "tracking": {
@@ -49,6 +93,10 @@
     "wide": {
       "$type": "dimension",
       "$value": { "value": 0.04, "unit": "em" }
+    },
+    "allcaps": {
+      "$type": "dimension",
+      "$value": { "value": 0.1, "unit": "em" }
     }
   },
   "space": {
diff --git a/packages/wc/components/qr.ts b/packages/wc/components/qr.ts
index b23e426..8ea0a6d 100644
--- a/packages/wc/components/qr.ts
+++ b/packages/wc/components/qr.ts
@@ -72,8 +72,8 @@ export class QR extends LitElement {
       display: block;
       font-family: ${fontFamily("mono")};
       font-variation-settings: "MONO" 1;
-      font-size: 1.3cqi;
-      letter-spacing: 0.1em;
+      font-size: ${dimension("size.qr-label")};
+      letter-spacing: ${dimension("tracking.allcaps")};
       line-height: 1.2;
       text-transform: uppercase;
       color: ${color("muted")};