diff --git a/.design-sync/NOTES.md b/.design-sync/NOTES.md
index 6086669bc01..94d1573dc52 100644
--- a/.design-sync/NOTES.md
+++ b/.design-sync/NOTES.md
@@ -17,15 +17,16 @@ This is an **app-shape** sync — the *source* is the `app/` website (`anyplot-w
 
 ## MonoLisa fonts (re-fetch on a fresh clone)
 
-MonoLisa is proprietary (© FaceType Foundry, CORS-locked GCS) and is **NOT in this public repo**. The variable ttf are fetched at sync time into `app/.designsync-fonts/` (the `.ttf`/`.woff2` binaries are gitignored; only the `@font-face` CSS there is committed) and shipped only to the private design project — never committed. `app/.designsync-fonts/monolisa.css` (the `@font-face`, committed) references them. On a fresh clone, re-fetch before building:
+MonoLisa is proprietary (© FaceType Foundry, CORS-locked GCS) and is **NOT in this public repo**. The variable ttf (v3: MonoLisa Code + MonoLisa Text, upright + italic) are fetched at sync time into `app/.designsync-fonts/` (the `.ttf`/`.woff2` binaries are gitignored; only the `@font-face` CSS there is committed) and shipped only to the private design project — never committed. `app/.designsync-fonts/monolisa.css` (the `@font-face`, committed) references them. On a fresh clone, re-fetch before building:
 
 ```sh
 mkdir -p app/.designsync-fonts && cd app/.designsync-fonts
-curl -sSfo MonoLisaVariableNormal.ttf https://storage.googleapis.com/anyplot-static/fonts/MonoLisaVariableNormal.ttf
-curl -sSfo MonoLisaVariableItalic.ttf https://storage.googleapis.com/anyplot-static/fonts/MonoLisaVariableItalic.ttf
+for f in MonoLisaCodeUpright MonoLisaCodeItalic MonoLisaTextUpright MonoLisaTextItalic; do
+  curl -sSfo "$f.ttf" "https://storage.googleapis.com/anyplot-static/fonts/v3/desktop/$f.ttf"
+done
 ```
 
-The variable ttf cover the full glyph range (normal + italic, weights 100–900, the `ss02` script set intact). CORS is browser-only, so `curl` works even though browser fetches are restricted to `anyplot.ai`.
+The variable ttf cover the full glyph range (upright + italic, axes `wght` 1–1000 and `GRAD` −50…50, the `ss01` script set intact in the italics). CORS is browser-only, so `curl` works even though browser fetches are restricted to `anyplot.ai`.
 
 ## Known render warns
 - None. (`[RENDER_THIN]` on Footer in an early pass was fixed by collapsing its preview to a single cell — its two variants differed only in a hidden link href.)
diff --git a/.design-sync/conventions.md b/.design-sync/conventions.md
index 92a38810c32..185710efb74 100644
--- a/.design-sync/conventions.md
+++ b/.design-sync/conventions.md
@@ -28,12 +28,12 @@ Style with the `var(--*)` tokens, not invented hex. The vocabulary (all defined
 - **Surfaces** — warm off-white, *never* pure `#fff`: `--bg-page`, `--bg-surface`, `--bg-elevated`
 - **Ink** (warm grayscale text) + hairlines: `--ink`, `--ink-soft`, `--ink-muted`, `--rule`
 - **imprint palette — 8 categorical hues, reserved for PLOTS/charts, not UI chrome:** `--imprint-green` (`#009E73`, the brand), `--imprint-lavender`, `--imprint-blue`, `--imprint-ochre`, `--imprint-red`, `--imprint-cyan`, `--imprint-rose`, `--imprint-lime`; `--imprint-amber` = warning.
-- **Type stacks:** `--mono` ( = `--serif` = `--sans`, all MonoLisa); **code surface:** `--code-bg`, `--code-text`, `--code-border` (+ `--code-comment`/`-keyword`/`-string`/… syntax tokens)
+- **Type stacks:** `--mono` ( = `--serif` = `--sans`, all MonoLisa Code); `--text` (MonoLisa Text, proportional — experiments only, unused by default); **code surface:** `--code-bg`, `--code-text`, `--code-border` (+ `--code-comment`/`-keyword`/`-string`/… syntax tokens)
 - **Layout:** `--gutter` (24px), `--max` (1240px — paper/reading width), `--max-catalog` (2200px — plot grids)
 
 ## Typography — one typeface, two voices
 
-**MonoLisa everywhere** — body, UI, nav, buttons, logo, headlines. There is no second font. The editorial accent is **italic**, which auto-triggers MonoLisa's `ss02` script set (enabled globally via `font-feature-settings: "ss02"` on `html`). So: upright = structure/prose/labels; `font-style: italic` = emphasis/taglines/title accents (renders as flowing script). Bold (700) only at display sizes.
+**MonoLisa Code everywhere** — body, UI, nav, buttons, logo, headlines. There is no second font in use (MonoLisa Text is registered but reserved for experiments). The editorial accent is **italic**, which auto-triggers MonoLisa's `ss01` script set (enabled globally via `font-feature-settings: "ss01"` on `html`; v3 tag — `ss02` was the v2 tag and now means "alt i r"). So: upright = structure/prose/labels; `font-style: italic` = emphasis/taglines/title accents (renders as flowing script). Bold (700) only at display sizes. Code surfaces (`pre`, `code`) add `dlig` for the coding ligatures.
 
 ## Color discipline (the core rule)
 
diff --git a/.gitignore b/.gitignore
index 5734dd533a7..711db4d6c35 100644
--- a/.gitignore
+++ b/.gitignore
@@ -274,4 +274,5 @@ ds-bundle/
 # proprietary brand font (MonoLisa, © FaceType Foundry) — fetched at sync time, never committed
 # (the @font-face CSS at app/.designsync-fonts/monolisa.css IS committed)
 app/.designsync-fonts/*.ttf
+app/.designsync-fonts/*.otf
 app/.designsync-fonts/*.woff2
diff --git a/api/Dockerfile b/api/Dockerfile
index 21a7fc0c39b..432314186ee 100644
--- a/api/Dockerfile
+++ b/api/Dockerfile
@@ -103,7 +103,7 @@ COPY --chown=appuser:appuser api/ ./api/
 COPY --chown=appuser:appuser core/ ./core/
 
 # Fail the build if Pillow cannot shape text. Without it Pillow falls back to
-# its BASIC layout engine: the OG cards lose MonoLisa's italic `ss02` swashes
+# its BASIC layout engine: the OG cards lose MonoLisa's italic `ss01` swashes
 # and all kerning, and nothing in the response signals it — the only symptom is
 # an off-brand PNG (#10813). This runs in the RUNTIME stage on purpose: the
 # check is only meaningful against the image that actually serves. In the
diff --git a/api/main.py b/api/main.py
index 23c4ab22e66..baa2f5c06c2 100644
--- a/api/main.py
+++ b/api/main.py
@@ -146,7 +146,7 @@ async def lifespan(app: FastAPI):
     logger.info("Starting anyplot API...")
 
     # Text shaping decides whether the OG cards carry MonoLisa's italic swashes
-    # (`ss02`) and kerning at all — log it once so a degraded image is visible
+    # (`ss01`) and kerning at all — log it once so a degraded image is visible
     # in Cloud Run logs instead of only in a pixel diff of the served PNG.
     if has_text_shaping():
         logger.info("Text shaping (libraqm): available")
diff --git a/app/.designsync-fonts/monolisa.css b/app/.designsync-fonts/monolisa.css
index ddb1b0ad029..dec028f2ddb 100644
--- a/app/.designsync-fonts/monolisa.css
+++ b/app/.designsync-fonts/monolisa.css
@@ -1,24 +1,41 @@
 /*
- * MonoLisa (variable) — brand typeface for the anyplot design system.
+ * MonoLisa 3.000 (variable: wght + GRAD) — brand typeface for the anyplot
+ * design system. Two families: MonoLisa Code (monospaced, used everywhere)
+ * and MonoLisa Text (proportional sibling, registered for experiments).
  * Proprietary, © FaceType Foundry. The .ttf binaries are fetched at sync time
  * from the anyplot GCS bucket into this directory and gitignored (this CSS is
  * committed); they are shipped only into the private claude.ai/design project,
  * never committed to the (public) repo.
  *
  * Re-fetch (see .design-sync/NOTES.md):
- *   curl -sSfo MonoLisaVariableNormal.ttf https://storage.googleapis.com/anyplot-static/fonts/MonoLisaVariableNormal.ttf
- *   curl -sSfo MonoLisaVariableItalic.ttf https://storage.googleapis.com/anyplot-static/fonts/MonoLisaVariableItalic.ttf
+ *   for f in MonoLisaCodeUpright MonoLisaCodeItalic MonoLisaTextUpright MonoLisaTextItalic; do
+ *     curl -sSfo $f.ttf https://storage.googleapis.com/anyplot-static/fonts/v3/desktop/$f.ttf
+ *   done
  */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('./MonoLisaVariableNormal.ttf') format('truetype');
+  font-family: 'MonoLisa Code';
+  src: url('./MonoLisaCodeUpright.ttf') format('truetype');
   font-weight: 100 900;
   font-style: normal;
   font-display: swap;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('./MonoLisaVariableItalic.ttf') format('truetype');
+  font-family: 'MonoLisa Code';
+  src: url('./MonoLisaCodeItalic.ttf') format('truetype');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('./MonoLisaTextUpright.ttf') format('truetype');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('./MonoLisaTextItalic.ttf') format('truetype');
   font-weight: 100 900;
   font-style: italic;
   font-display: swap;
diff --git a/app/index.html b/app/index.html
index de9537798f4..19bc98db9e5 100644
--- a/app/index.html
+++ b/app/index.html
@@ -73,12 +73,12 @@
     <!-- Preconnect to API for faster first request -->
     <link rel="preconnect" href="https://api.anyplot.ai" crossorigin>
 
-    <!-- Preload MonoLisa Basic Latin (most used, variable font = all weights) -->
-    <link rel="preload" href="https://storage.googleapis.com/anyplot-static/fonts/0-MonoLisa-normal.woff2" as="font" type="font/woff2" crossorigin>
-    <!-- Preload Basic Latin italic — the editorial script variant (`<em>` + ss02). Without this the font arrives too late under `font-display: optional` and the page renders with the upright fallback. -->
-    <link rel="preload" href="https://storage.googleapis.com/anyplot-static/fonts/1-MonoLisa-italic.woff2" as="font" type="font/woff2" crossorigin>
+    <!-- Preload MonoLisa Code Basic Latin (most used, variable font = all weights) -->
+    <link rel="preload" href="https://storage.googleapis.com/anyplot-static/fonts/v3/code/0-MonoLisaCode-normal.woff2" as="font" type="font/woff2" crossorigin>
+    <!-- Preload Basic Latin italic — the editorial script variant (`<em>` + ss01). The face is `font-display: swap`, so without the preload the hero tagline first paints in the upright fallback and then swaps to script. -->
+    <link rel="preload" href="https://storage.googleapis.com/anyplot-static/fonts/v3/code/1-MonoLisaCode-italic.woff2" as="font" type="font/woff2" crossorigin>
     <!-- Preload Latin-1 Supplement for ä, ö, ü, ß etc. -->
-    <link rel="preload" href="https://storage.googleapis.com/anyplot-static/fonts/2-MonoLisa-normal.woff2" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://storage.googleapis.com/anyplot-static/fonts/v3/code/2-MonoLisaCode-normal.woff2" as="font" type="font/woff2" crossorigin>
 
     <!-- JSON-LD Structured Data -->
     <script type="application/ld+json">
diff --git a/app/src/main.tsx b/app/src/main.tsx
index 5b2a102e2cc..2876d90789f 100644
--- a/app/src/main.tsx
+++ b/app/src/main.tsx
@@ -1,6 +1,6 @@
 // Import design tokens (CSS custom properties for theming + dark mode)
 import 'src/styles/tokens.css';
-// Import web fonts - MonoLisa from GCS, Fraunces + Inter from Google Fonts
+// Import web fonts - MonoLisa Code + Text from GCS (no Google Fonts)
 import 'src/styles/fonts.css';
 
 import React from 'react';
diff --git a/app/src/sections/landing/HeroSection.tsx b/app/src/sections/landing/HeroSection.tsx
index a9a019c39cc..55b76beeb9f 100644
--- a/app/src/sections/landing/HeroSection.tsx
+++ b/app/src/sections/landing/HeroSection.tsx
@@ -103,7 +103,7 @@ export function HeroSection({ potd = null }: HeroSectionProps) {
               fontFamily: typography.serif,
               fontWeight: 400,
               fontStyle: 'italic',
-              fontFeatureSettings: '"ss02"',
+              fontFeatureSettings: '"ss01"',
               whiteSpace: 'nowrap',
               fontSize: '0.75em',
             }}
diff --git a/app/src/styles/fonts.css b/app/src/styles/fonts.css
index 25513c87e0a..f1d52278456 100644
--- a/app/src/styles/fonts.css
+++ b/app/src/styles/fonts.css
@@ -1,7 +1,10 @@
 /*!
- * MonoLisa 2.017 - Webfont (64 Unicode subsets)
- * Hosted on GCS: gs://anyplot-static/fonts/
- * CORS restricted to anyplot.ai
+ * MonoLisa 3.000 — Code + Text webfonts (70 + 70 Unicode subsets)
+ * Hosted on GCS: https://storage.googleapis.com/anyplot-static/fonts/v3/{code,text}/
+ * Bucket CORS restricted to anyplot.ai + localhost (dev servers)
+ *
+ * GENERATED by automation/scripts/monolisa_fonts_css.py from the order page's
+ * builder CSS — edit the script, not this file.
  *
  * © 2026 FaceType Foundry. All Rights Reserved.
  * License: https://www.monolisa.dev/license
@@ -21,14 +24,17 @@
 }
 
 /* ==========================================================================
-   MonoLisa Variable Font - 64 Unicode subsets
-   Browser only downloads the subsets it needs for visible glyphs.
+   MonoLisa Code — the monospaced family, used everywhere (style-guide §5.1).
+   Variable: wght 100–900 (file carries 1–1000) + GRAD −50…50.
+   Script italic is `ss01` (v3; it was `ss02` in v2). Coding ligatures are
+   `dlig` (off by default, enabled on code surfaces in tokens.css).
+   The browser only downloads the subsets it needs for visible glyphs.
    ========================================================================== */
 
 /* Basic Latin */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/0-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/0-MonoLisaCode-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -41,21 +47,21 @@
   unicode-range: U+0020-007F;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/1-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/1-MonoLisaCode-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
   /* `swap` for the same reason — the Basic Latin italic carries the editorial
-     script emphasis (`<em>` + ss02). */
+     script emphasis (`<em>` + ss01). */
   font-display: swap;
   unicode-range: U+0020-007F;
 }
 
 /* Latin-1 Supplement */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/2-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/2-MonoLisaCode-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -63,8 +69,8 @@
   unicode-range: U+0080-00FF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/3-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/3-MonoLisaCode-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -74,8 +80,8 @@
 
 /* Latin Extended-A */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/4-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/4-MonoLisaCode-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -83,8 +89,8 @@
   unicode-range: U+0100-017F;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/5-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/5-MonoLisaCode-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -94,8 +100,8 @@
 
 /* Latin Extended Additional */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/6-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/6-MonoLisaCode-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -103,8 +109,8 @@
   unicode-range: U+1E00-1EFF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/7-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/7-MonoLisaCode-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -114,8 +120,8 @@
 
 /* Latin Extended-B */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/8-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/8-MonoLisaCode-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -123,8 +129,8 @@
   unicode-range: U+0180-024F;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/9-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/9-MonoLisaCode-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -134,8 +140,8 @@
 
 /* Latin Extended-C */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/10-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/10-MonoLisaCode-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -143,8 +149,8 @@
   unicode-range: U+2C60-2C7F;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/11-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/11-MonoLisaCode-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -154,8 +160,8 @@
 
 /* Latin Extended-D */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/12-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/12-MonoLisaCode-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -163,8 +169,8 @@
   unicode-range: U+A720-A7FF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/13-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/13-MonoLisaCode-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -174,8 +180,8 @@
 
 /* IPA Extensions */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/14-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/14-MonoLisaCode-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -183,8 +189,8 @@
   unicode-range: U+0250-02AF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/15-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/15-MonoLisaCode-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -194,8 +200,8 @@
 
 /* Cyrillic */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/16-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/16-MonoLisaCode-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -203,8 +209,8 @@
   unicode-range: U+0400-04FF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/17-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/17-MonoLisaCode-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -214,8 +220,8 @@
 
 /* Cyrillic Supplement */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/18-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/18-MonoLisaCode-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -223,8 +229,8 @@
   unicode-range: U+0500-052F;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/19-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/19-MonoLisaCode-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -234,8 +240,8 @@
 
 /* Greek and Coptic */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/20-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/20-MonoLisaCode-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -243,8 +249,8 @@
   unicode-range: U+0370-03FF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/21-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/21-MonoLisaCode-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -252,10 +258,70 @@
   unicode-range: U+0370-03FF;
 }
 
+/* Armenian */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/22-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+0530-058F;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/23-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+0530-058F;
+}
+
+/* Hebrew */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/24-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+0590-05FF;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/25-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+0590-05FF;
+}
+
+/* Alphabetic Presentation Forms */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/26-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+FB00-FB4F;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/27-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+FB00-FB4F;
+}
+
 /* General Punctuation */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/22-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/28-MonoLisaCode-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -263,8 +329,8 @@
   unicode-range: U+2000-206F;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/23-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/29-MonoLisaCode-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -274,8 +340,8 @@
 
 /* Superscripts and Subscripts */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/24-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/30-MonoLisaCode-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -283,8 +349,8 @@
   unicode-range: U+2070-209F;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/25-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/31-MonoLisaCode-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -294,8 +360,8 @@
 
 /* CJK Symbols and Punctuation */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/26-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/32-MonoLisaCode-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -303,8 +369,8 @@
   unicode-range: U+3000-303F;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/27-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/33-MonoLisaCode-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -312,50 +378,755 @@
   unicode-range: U+3000-303F;
 }
 
-/* Armenian */
+/* Bengali */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/28-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/34-MonoLisaCode-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
   font-display: optional;
-  unicode-range: U+0530-058F;
+  unicode-range: U+0980-09FF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/29-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/35-MonoLisaCode-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
   font-display: optional;
-  unicode-range: U+0530-058F;
+  unicode-range: U+0980-09FF;
 }
 
-/* Bengali */
+/* Braille Patterns */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/30-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/36-MonoLisaCode-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
   font-display: optional;
-  unicode-range: U+0980-09FF;
+  unicode-range: U+2800-28FF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/31-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/37-MonoLisaCode-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
   font-display: optional;
-  unicode-range: U+0980-09FF;
+  unicode-range: U+2800-28FF;
+}
+
+/* Khmer */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/38-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+1780-17FF;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/39-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+1780-17FF;
+}
+
+/* Thai */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/40-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+0E00-0E7F;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/41-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+0E00-0E7F;
+}
+
+/* Miscellaneous Symbols */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/42-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+2600-26FF;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/43-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+2600-26FF;
+}
+
+/* Dingbats */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/44-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+2700-27BF;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/45-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+2700-27BF;
+}
+
+/* Miscellaneous Technical */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/46-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+2300-23FF;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/47-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+2300-23FF;
+}
+
+/* Letterlike Symbols */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/48-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+2100-214F;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/49-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+2100-214F;
+}
+
+/* Arrows */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/50-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+2190-21FF;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/51-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+2190-21FF;
+}
+
+/* Miscellaneous Symbols and Arrows */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/52-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+2B00-2BFF;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/53-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+2B00-2BFF;
+}
+
+/* Currency Symbols */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/54-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+20A0-20CF;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/55-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+20A0-20CF;
+}
+
+/* Mathematical Operators */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/56-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+2200-22FF;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/57-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+2200-22FF;
+}
+
+/* Block Elements */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/58-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+2580-259F;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/59-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+2580-259F;
+}
+
+/* Geometric Shapes */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/60-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+25A0-25FF;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/61-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+25A0-25FF;
+}
+
+/* Box Drawing */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/62-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+2500-257F;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/63-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+2500-257F;
+}
+
+/* Combining Diacritical Marks */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/64-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+0300-036F;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/65-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+0300-036F;
+}
+
+/* Spacing Modifier Letters */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/66-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+02B0-02FF;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/67-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+02B0-02FF;
+}
+
+/* Private Use Area (Powerline, Nerd Fonts) */
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/68-MonoLisaCode-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+E000-F8FF;
+}
+@font-face {
+  font-family: 'MonoLisa Code';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/code/69-MonoLisaCode-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+E000-F8FF;
+}
+
+/* ==========================================================================
+   MonoLisa Text — the proportional sibling, registered for experiments
+   (`--text` in tokens.css). Nothing is fetched until a rule uses the family.
+   ========================================================================== */
+
+/* Basic Latin */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/0-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+  unicode-range: U+0020-007F;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/1-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: swap;
+  unicode-range: U+0020-007F;
+}
+
+/* Latin-1 Supplement */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/2-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+0080-00FF;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/3-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+0080-00FF;
+}
+
+/* Latin Extended-A */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/4-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+0100-017F;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/5-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+0100-017F;
+}
+
+/* Latin Extended Additional */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/6-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+1E00-1EFF;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/7-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+1E00-1EFF;
+}
+
+/* Latin Extended-B */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/8-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+0180-024F;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/9-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+0180-024F;
+}
+
+/* Latin Extended-C */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/10-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+2C60-2C7F;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/11-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+2C60-2C7F;
+}
+
+/* Latin Extended-D */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/12-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+A720-A7FF;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/13-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+A720-A7FF;
+}
+
+/* IPA Extensions */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/14-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+0250-02AF;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/15-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+0250-02AF;
+}
+
+/* Alphabetic Presentation Forms */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/16-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+FB00-FB4F;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/17-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+FB00-FB4F;
+}
+
+/* Cyrillic */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/18-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+0400-04FF;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/19-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+0400-04FF;
+}
+
+/* Cyrillic Supplement */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/20-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+0500-052F;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/21-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+0500-052F;
+}
+
+/* Greek and Coptic */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/22-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+0370-03FF;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/23-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+0370-03FF;
+}
+
+/* Armenian */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/24-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+0530-058F;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/25-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+0530-058F;
+}
+
+/* Hebrew */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/26-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+0590-05FF;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/27-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+0590-05FF;
+}
+
+/* General Punctuation */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/28-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+2000-206F;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/29-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+2000-206F;
+}
+
+/* Number Forms */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/30-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+2150-218F;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/31-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+2150-218F;
+}
+
+/* Superscripts and Subscripts */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/32-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+2070-209F;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/33-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+2070-209F;
+}
+
+/* Bengali */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/34-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+0980-09FF;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/35-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+0980-09FF;
+}
+
+/* Braille Patterns */
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/36-MonoLisaText-normal.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: optional;
+  unicode-range: U+2800-28FF;
+}
+@font-face {
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/37-MonoLisaText-italic.woff2')
+    format('woff2');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: optional;
+  unicode-range: U+2800-28FF;
 }
 
 /* Khmer */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/32-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/38-MonoLisaText-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -363,8 +1134,8 @@
   unicode-range: U+1780-17FF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/33-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/39-MonoLisaText-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -374,8 +1145,8 @@
 
 /* Thai */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/34-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/40-MonoLisaText-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -383,8 +1154,8 @@
   unicode-range: U+0E00-0E7F;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/35-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/41-MonoLisaText-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -394,8 +1165,8 @@
 
 /* Miscellaneous Symbols */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/36-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/42-MonoLisaText-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -403,8 +1174,8 @@
   unicode-range: U+2600-26FF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/37-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/43-MonoLisaText-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -414,8 +1185,8 @@
 
 /* Dingbats */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/38-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/44-MonoLisaText-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -423,8 +1194,8 @@
   unicode-range: U+2700-27BF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/39-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/45-MonoLisaText-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -434,8 +1205,8 @@
 
 /* Miscellaneous Technical */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/40-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/46-MonoLisaText-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -443,8 +1214,8 @@
   unicode-range: U+2300-23FF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/41-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/47-MonoLisaText-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -454,8 +1225,8 @@
 
 /* Letterlike Symbols */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/42-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/48-MonoLisaText-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -463,8 +1234,8 @@
   unicode-range: U+2100-214F;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/43-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/49-MonoLisaText-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -474,8 +1245,8 @@
 
 /* Arrows */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/44-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/50-MonoLisaText-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -483,8 +1254,8 @@
   unicode-range: U+2190-21FF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/45-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/51-MonoLisaText-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -494,8 +1265,8 @@
 
 /* Miscellaneous Symbols and Arrows */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/46-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/52-MonoLisaText-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -503,8 +1274,8 @@
   unicode-range: U+2B00-2BFF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/47-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/53-MonoLisaText-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -514,8 +1285,8 @@
 
 /* Currency Symbols */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/48-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/54-MonoLisaText-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -523,8 +1294,8 @@
   unicode-range: U+20A0-20CF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/49-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/55-MonoLisaText-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -534,8 +1305,8 @@
 
 /* Mathematical Operators */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/50-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/56-MonoLisaText-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -543,8 +1314,8 @@
   unicode-range: U+2200-22FF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/51-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/57-MonoLisaText-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -554,8 +1325,8 @@
 
 /* Block Elements */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/52-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/58-MonoLisaText-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -563,8 +1334,8 @@
   unicode-range: U+2580-259F;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/53-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/59-MonoLisaText-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -574,8 +1345,8 @@
 
 /* Geometric Shapes */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/54-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/60-MonoLisaText-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -583,8 +1354,8 @@
   unicode-range: U+25A0-25FF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/55-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/61-MonoLisaText-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -594,8 +1365,8 @@
 
 /* Box Drawing */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/56-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/62-MonoLisaText-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -603,8 +1374,8 @@
   unicode-range: U+2500-257F;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/57-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/63-MonoLisaText-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -614,8 +1385,8 @@
 
 /* Combining Diacritical Marks */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/58-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/64-MonoLisaText-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -623,8 +1394,8 @@
   unicode-range: U+0300-036F;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/59-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/65-MonoLisaText-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -634,8 +1405,8 @@
 
 /* Spacing Modifier Letters */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/60-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/66-MonoLisaText-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -643,8 +1414,8 @@
   unicode-range: U+02B0-02FF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/61-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/67-MonoLisaText-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
@@ -654,8 +1425,8 @@
 
 /* Private Use Area (Powerline, Nerd Fonts) */
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/62-MonoLisa-normal.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/68-MonoLisaText-normal.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: normal;
@@ -663,8 +1434,8 @@
   unicode-range: U+E000-F8FF;
 }
 @font-face {
-  font-family: 'MonoLisa';
-  src: url('https://storage.googleapis.com/anyplot-static/fonts/63-MonoLisa-italic.woff2')
+  font-family: 'MonoLisa Text';
+  src: url('https://storage.googleapis.com/anyplot-static/fonts/v3/text/69-MonoLisaText-italic.woff2')
     format('woff2');
   font-weight: 100 900;
   font-style: italic;
diff --git a/app/src/styles/tokens.css b/app/src/styles/tokens.css
index a7c53928662..ced140f82b6 100644
--- a/app/src/styles/tokens.css
+++ b/app/src/styles/tokens.css
@@ -35,10 +35,15 @@
   --ink-muted: #6b6a63;
   --rule: rgba(26, 26, 23, 0.15);
 
-  /* Typography stacks — MonoLisa-only experiment (serif/sans aliased to mono) */
-  --serif: 'MonoLisa', 'MonoLisa Fallback', Consolas, Menlo, Monaco, 'DejaVu Sans Mono', monospace;
-  --sans: 'MonoLisa', 'MonoLisa Fallback', Consolas, Menlo, Monaco, 'DejaVu Sans Mono', monospace;
-  --mono: 'MonoLisa', 'MonoLisa Fallback', 'JetBrains Mono', Consolas, monospace;
+  /* Typography stacks — MonoLisa Code everywhere (serif/sans aliased to mono).
+     `--text` is MonoLisa Text, the proportional sibling: registered for
+     experiments, unused by default (nothing is fetched until a rule uses it). */
+  --serif:
+    'MonoLisa Code', 'MonoLisa Fallback', Consolas, Menlo, Monaco, 'DejaVu Sans Mono', monospace;
+  --sans:
+    'MonoLisa Code', 'MonoLisa Fallback', Consolas, Menlo, Monaco, 'DejaVu Sans Mono', monospace;
+  --mono: 'MonoLisa Code', 'MonoLisa Fallback', 'JetBrains Mono', Consolas, monospace;
+  --text: 'MonoLisa Text', 'MonoLisa Code', 'MonoLisa Fallback', system-ui, sans-serif;
 
   /* Layout — three-tier widths (style-guide §6.1) */
   --gutter: 24px;
@@ -67,11 +72,28 @@
   --code-operator: #1a1a17; /* ink */
 }
 
-/* MonoLisa script variant (italic ss02) — test */
+/* MonoLisa script variant: `ss01` only changes glyphs set in `font-style:
+   italic`, so enabling it globally turns every italic into the script voice
+   (v3 tag; it was `ss02` in v2, which in v3 means "alt i r"). */
 html {
-  font-feature-settings: 'ss02';
+  font-feature-settings: 'ss01';
 }
 
+/* Code surfaces keep MonoLisa's coding ligatures (`->`, `!=`, `===`). v3 moved
+   them from `liga` (on by default) to `dlig` (off by default), so without this
+   rule code blocks would lose the ligatures they had under v2. */
+pre,
+code,
+kbd,
+samp {
+  font-feature-settings: 'ss01', 'dlig';
+}
+
+/* Experiment hook, off by default: MonoLisa's GRAD axis darkens or lightens
+   the strokes without changing widths — e.g. `html { font-variation-settings:
+   'GRAD' 15; }` under `[data-theme='dark']` to compensate for thin-looking
+   light-on-dark text. Documented in docs/reference/style-guide.md §5.1. */
+
 /* Defense-in-depth against page-level horizontal scroll on mobile. `clip`
    (not `hidden`) so the masthead's `position: sticky` keeps working — `hidden`
    would create a scroll container and break it. Wide elements still need their
diff --git a/app/src/theme/tokens.ts b/app/src/theme/tokens.ts
index 30b127b996d..c8e33650e02 100644
--- a/app/src/theme/tokens.ts
+++ b/app/src/theme/tokens.ts
@@ -9,13 +9,16 @@
  */
 
 export const typography = {
-  // Single-typeface system: MonoLisa everywhere (with standard monospace fallbacks);
-  // serif/sans kept as aliases so existing imports still resolve
+  // Single-typeface system: MonoLisa Code everywhere (with standard monospace fallbacks);
+  // serif/sans kept as aliases so existing imports still resolve.
+  // `text` is MonoLisa Text (proportional sibling) — registered for experiments, unused by default.
   fontFamily:
-    '"MonoLisa", "MonoLisa Fallback", Consolas, Menlo, Monaco, "DejaVu Sans Mono", monospace',
-  serif: '"MonoLisa", "MonoLisa Fallback", Consolas, Menlo, Monaco, "DejaVu Sans Mono", monospace',
-  sans: '"MonoLisa", "MonoLisa Fallback", Consolas, Menlo, Monaco, "DejaVu Sans Mono", monospace',
-  mono: '"MonoLisa", "MonoLisa Fallback", "JetBrains Mono", Consolas, monospace',
+    '"MonoLisa Code", "MonoLisa Fallback", Consolas, Menlo, Monaco, "DejaVu Sans Mono", monospace',
+  serif:
+    '"MonoLisa Code", "MonoLisa Fallback", Consolas, Menlo, Monaco, "DejaVu Sans Mono", monospace',
+  sans: '"MonoLisa Code", "MonoLisa Fallback", Consolas, Menlo, Monaco, "DejaVu Sans Mono", monospace',
+  mono: '"MonoLisa Code", "MonoLisa Fallback", "JetBrains Mono", Consolas, monospace',
+  text: '"MonoLisa Text", "MonoLisa Code", "MonoLisa Fallback", system-ui, sans-serif',
 } as const;
 
 export const colors = {
diff --git a/automation/scripts/monolisa_fonts_css.py b/automation/scripts/monolisa_fonts_css.py
new file mode 100644
index 00000000000..5c5f044f6b3
--- /dev/null
+++ b/automation/scripts/monolisa_fonts_css.py
@@ -0,0 +1,230 @@
+#!/usr/bin/env python3
+"""
+Generate ``app/src/styles/fonts.css`` from the MonoLisa webfont builder output.
+
+The MonoLisa order page (https://www.monolisa.dev/orders/<family>/web) builds a
+zip per family: one woff2 per Unicode range and style
+(``woff2/<n>-MonoLisaCode-normal.woff2`` …) plus a ``monolisa.css`` whose
+``@font-face`` blocks carry the ``unicode-range`` for each file. The woff2 files
+are uploaded to GCS (never committed: proprietary, © FaceType Foundry); this
+script turns the builder CSS into the committed stylesheet, so a font update is
+a re-run and not 700 hand-edited lines.
+
+Usage::
+
+    uv run python automation/scripts/monolisa_fonts_css.py \\
+        --code-css <unzipped code zip>/monolisa.css \\
+        --text-css <unzipped text zip>/monolisa.css \\
+        --gcs-prefix https://storage.googleapis.com/anyplot-static/fonts/v3 \\
+        --version 3.000 \\
+        --out app/src/styles/fonts.css
+
+Policy baked in (see docs/reference/style-guide.md §5.1):
+
+- Family names in CSS are ``'MonoLisa Code'`` and ``'MonoLisa Text'``.
+- The Basic Latin pair of each family uses ``font-display: swap``; every other
+  subset uses ``optional`` (fine to miss on a slow first paint).
+- ``font-weight: 100 900`` — the files carry 1–1000 but nothing on the site
+  asks for more.
+"""
+
+from __future__ import annotations
+
+import argparse
+import re
+from dataclasses import dataclass
+from pathlib import Path
+
+
+FONT_FACE_RE = re.compile(r"@font-face\s*\{(?P<body>.*?)\}", re.DOTALL)
+SRC_RE = re.compile(r"url\((?P<url>[^)]+)\)")
+STYLE_RE = re.compile(r"font-style:\s*(?P<style>\w+)")
+RANGE_RE = re.compile(r"unicode-range:\s*(?P<range>[^;]+);")
+
+BASIC_LATIN = "U+0020-007F"
+
+# Human-readable names for the Unicode ranges the builder offers (its own CSS
+# carries only the codepoints). Unknown ranges fall back to the raw range.
+RANGE_NAMES: dict[str, str] = {
+    "U+0020-007F": "Basic Latin",
+    "U+0080-00FF": "Latin-1 Supplement",
+    "U+0100-017F": "Latin Extended-A",
+    "U+1E00-1EFF": "Latin Extended Additional",
+    "U+0180-024F": "Latin Extended-B",
+    "U+2C60-2C7F": "Latin Extended-C",
+    "U+A720-A7FF": "Latin Extended-D",
+    "U+0250-02AF": "IPA Extensions",
+    "U+FB00-FB4F": "Alphabetic Presentation Forms",
+    "U+0400-04FF": "Cyrillic",
+    "U+0500-052F": "Cyrillic Supplement",
+    "U+0370-03FF": "Greek and Coptic",
+    "U+0530-058F": "Armenian",
+    "U+0590-05FF": "Hebrew",
+    "U+2000-206F": "General Punctuation",
+    "U+2150-218F": "Number Forms",
+    "U+2070-209F": "Superscripts and Subscripts",
+    "U+3000-303F": "CJK Symbols and Punctuation",
+    "U+0980-09FF": "Bengali",
+    "U+2800-28FF": "Braille Patterns",
+    "U+1780-17FF": "Khmer",
+    "U+0E00-0E7F": "Thai",
+    "U+2600-26FF": "Miscellaneous Symbols",
+    "U+2700-27BF": "Dingbats",
+    "U+2300-23FF": "Miscellaneous Technical",
+    "U+2100-214F": "Letterlike Symbols",
+    "U+2190-21FF": "Arrows",
+    "U+2B00-2BFF": "Miscellaneous Symbols and Arrows",
+    "U+20A0-20CF": "Currency Symbols",
+    "U+2200-22FF": "Mathematical Operators",
+    "U+2580-259F": "Block Elements",
+    "U+25A0-25FF": "Geometric Shapes",
+    "U+2500-257F": "Box Drawing",
+    "U+0300-036F": "Combining Diacritical Marks",
+    "U+02B0-02FF": "Spacing Modifier Letters",
+    "U+E000-F8FF": "Private Use Area (Powerline, Nerd Fonts)",
+}
+
+
+@dataclass(frozen=True)
+class Subset:
+    """One builder ``@font-face`` block: a file, its style and its Unicode range."""
+
+    filename: str
+    style: str  # "normal" | "italic"
+    unicode_range: str
+
+
+def parse_builder_css(css: str) -> list[Subset]:
+    """Extract the (file, style, range) triples from a builder ``monolisa.css``."""
+    subsets: list[Subset] = []
+    for match in FONT_FACE_RE.finditer(css):
+        body = match.group("body")
+        src = SRC_RE.search(body)
+        style = STYLE_RE.search(body)
+        rng = RANGE_RE.search(body)
+        if not (src and style and rng):
+            raise ValueError(f"Unparseable @font-face block:\n{body}")
+        filename = src.group("url").strip("'\"").rsplit("/", 1)[-1]
+        subsets.append(Subset(filename, style.group("style"), rng.group("range").strip()))
+    if not subsets:
+        raise ValueError("No @font-face blocks found — is this the builder's monolisa.css?")
+    return subsets
+
+
+def render_family(
+    family: str, folder: str, subsets: list[Subset], gcs_prefix: str, swap_comment: dict[str, str]
+) -> str:
+    """Render every subset of one family as ``@font-face`` blocks, grouped by range."""
+    out: list[str] = []
+    seen_ranges: list[str] = []
+    for s in subsets:
+        if s.unicode_range not in seen_ranges:
+            seen_ranges.append(s.unicode_range)
+            out.append(f"\n/* {RANGE_NAMES.get(s.unicode_range, s.unicode_range)} */")
+        display = "swap" if s.unicode_range == BASIC_LATIN else "optional"
+        out.append("@font-face {")
+        out.append(f"  font-family: '{family}';")
+        out.append(f"  src: url('{gcs_prefix}/{folder}/{s.filename}')")
+        out.append("    format('woff2');")
+        out.append("  font-weight: 100 900;")
+        out.append(f"  font-style: {s.style};")
+        if display == "swap" and s.style in swap_comment:
+            out.append(f"  /* {swap_comment[s.style]} */")
+        out.append(f"  font-display: {display};")
+        out.append(f"  unicode-range: {s.unicode_range};")
+        out.append("}")
+    return "\n".join(out)
+
+
+HEADER = """/*!
+ * MonoLisa {version} — Code + Text webfonts ({n_code} + {n_text} Unicode subsets)
+ * Hosted on GCS: {gcs_prefix}/{{code,text}}/
+ * Bucket CORS restricted to anyplot.ai + localhost (dev servers)
+ *
+ * GENERATED by automation/scripts/monolisa_fonts_css.py from the order page's
+ * builder CSS — edit the script, not this file.
+ *
+ * © 2026 FaceType Foundry. All Rights Reserved.
+ * License: https://www.monolisa.dev/license
+ */
+
+/* ==========================================================================
+   Fallback Fonts (prevent CLS while web fonts load)
+   ========================================================================== */
+
+@font-face {{
+  font-family: 'MonoLisa Fallback';
+  src: local('Consolas'), local('Menlo'), local('Monaco'), local('DejaVu Sans Mono');
+  size-adjust: 106.5%;
+  ascent-override: 105%;
+  descent-override: 25%;
+  line-gap-override: 0%;
+}}
+"""
+
+CODE_SECTION = """
+/* ==========================================================================
+   MonoLisa Code — the monospaced family, used everywhere (style-guide §5.1).
+   Variable: wght 100–900 (file carries 1–1000) + GRAD −50…50.
+   Script italic is `ss01` (v3; it was `ss02` in v2). Coding ligatures are
+   `dlig` (off by default, enabled on code surfaces in tokens.css).
+   The browser only downloads the subsets it needs for visible glyphs.
+   ========================================================================== */
+"""
+
+TEXT_SECTION = """
+/* ==========================================================================
+   MonoLisa Text — the proportional sibling, registered for experiments
+   (`--text` in tokens.css). Nothing is fetched until a rule uses the family.
+   ========================================================================== */
+"""
+
+SWAP_COMMENTS_CODE = {
+    "normal": (
+        "`swap` (not `optional`) — the Basic Latin normal carries branded glyphs\n"
+        "     whose shape differs from the fallback (notably the logo dot `.`, which\n"
+        "     is a bold square block in MonoLisa vs. a round dot in Consolas/Menlo).\n"
+        "     `optional` locks in the fallback for the session on slow first loads;\n"
+        "     `swap` accepts a brief FOUT but guarantees MonoLisa renders eventually."
+    ),
+    "italic": (
+        "`swap` for the same reason — the Basic Latin italic carries the editorial\n"
+        "     script emphasis (`<em>` + ss01)."
+    ),
+}
+
+
+def build(code_css: str, text_css: str, gcs_prefix: str, version: str) -> str:
+    """Assemble the full stylesheet text."""
+    gcs_prefix = gcs_prefix.rstrip("/")
+    code = parse_builder_css(code_css)
+    text = parse_builder_css(text_css)
+    parts = [
+        HEADER.format(version=version, n_code=len(code), n_text=len(text), gcs_prefix=gcs_prefix),
+        CODE_SECTION,
+        render_family("MonoLisa Code", "code", code, gcs_prefix, SWAP_COMMENTS_CODE),
+        "",
+        TEXT_SECTION,
+        render_family("MonoLisa Text", "text", text, gcs_prefix, {}),
+        "",
+    ]
+    # Collapse the seams between the templates to one blank line (prettier-clean).
+    return re.sub(r"\n{3,}", "\n\n", "\n".join(parts))
+
+
+def main() -> None:
+    parser = argparse.ArgumentParser(description=__doc__, formatter_class=argparse.RawDescriptionHelpFormatter)
+    parser.add_argument("--code-css", type=Path, required=True, help="builder monolisa.css of the Code zip")
+    parser.add_argument("--text-css", type=Path, required=True, help="builder monolisa.css of the Text zip")
+    parser.add_argument("--gcs-prefix", required=True, help="public URL prefix holding code/ and text/")
+    parser.add_argument("--version", required=True, help="font version, e.g. 3.000")
+    parser.add_argument("--out", type=Path, default=Path("app/src/styles/fonts.css"))
+    args = parser.parse_args()
+
+    css = build(args.code_css.read_text(), args.text_css.read_text(), args.gcs_prefix.rstrip("/"), args.version)
+    args.out.write_text(css)
+    print(f"wrote {args.out} ({css.count('@font-face')} @font-face blocks)")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/changelog.d/monolisa-v3.md b/changelog.d/monolisa-v3.md
new file mode 100644
index 00000000000..53f0dd5a95f
--- /dev/null
+++ b/changelog.d/monolisa-v3.md
@@ -0,0 +1,16 @@
+### Changed
+
+- **The site's typeface is MonoLisa 3.000: MonoLisa Code everywhere, MonoLisa
+  Text registered for experiments.** The v3 webfonts (70 Unicode-range subsets
+  per family, variable `wght` + `GRAD`) live under `gs://anyplot-static/fonts/v3/`
+  and `app/src/styles/fonts.css` is now generated from the order page's builder
+  CSS by `automation/scripts/monolisa_fonts_css.py`, so the next font update is
+  a re-run. Two v2 → v3 breaking changes are absorbed: the script italic is
+  `ss01` (the old `ss02` tag now means "alt i r"), and the coding ligatures
+  moved from `liga` to `dlig`, which `tokens.css` re-enables on `pre`/`code` so
+  code blocks look as before. The OG-image renderer loads the v3 Code TTFs from
+  the same prefix, sets only the `wght` axis of the now two-axis font, and draws
+  the tagline with `ss01`. Family names in CSS are `'MonoLisa Code'` and
+  `'MonoLisa Text'` (new `--text` token). The v2 files stay in the bucket; their
+  removal is a separate, explicitly authorized step after the cutover is
+  verified live. (#11836)
diff --git a/core/images.py b/core/images.py
index c18db5d7f94..bfdbd95e724 100644
--- a/core/images.py
+++ b/core/images.py
@@ -58,11 +58,16 @@
 RESPONSIVE_FORMATS: list[tuple[str, str, dict]] = [("png", "PNG", {}), ("webp", "WEBP", {"quality": 80})]
 WEBP_FULL_QUALITY = 85
 
-# GCS bucket for static assets (fonts)
+# GCS bucket for static assets (fonts). MonoLisa 3.000 (Code family, variable
+# wght + GRAD); the cache dir carries the version so a warm container never
+# serves an older file under the same name.
 GCS_STATIC_BUCKET = "anyplot-static"
-MONOLISA_FONT_PATH = "fonts/MonoLisaVariableNormal.ttf"
-MONOLISA_ITALIC_FONT_PATH = "fonts/MonoLisaVariableItalic.ttf"
-FONT_CACHE_DIR = Path("/tmp/anyplot-fonts")
+MONOLISA_FONT_PATH = "fonts/v3/desktop/MonoLisaCodeUpright.ttf"
+MONOLISA_ITALIC_FONT_PATH = "fonts/v3/desktop/MonoLisaCodeItalic.ttf"
+FONT_CACHE_DIR = Path("/tmp/anyplot-fonts/v3")
+# OpenType stylistic set that turns MonoLisa Italic into its script forms
+# (`ss01` since v3; it was `ss02` in v2, which now means "alt i r").
+MONOLISA_SCRIPT_FEATURE = "ss01"
 
 # =============================================================================
 # Design tokens — match docs/reference/style-guide.md (§4 Color System)
@@ -425,8 +430,8 @@ def _get_monolisa_font_path(local_only: bool = False, italic: bool = False) -> P
     Returns:
         Path to font file, or None if unavailable.
     """
-    cache_filename = "MonoLisaVariableItalic.ttf" if italic else "MonoLisaVariableNormal.ttf"
     gcs_blob = MONOLISA_ITALIC_FONT_PATH if italic else MONOLISA_FONT_PATH
+    cache_filename = Path(gcs_blob).name
     cached_font = FONT_CACHE_DIR / cache_filename
 
     with _font_cache_lock:
@@ -442,7 +447,7 @@ def _get_monolisa_font_path(local_only: bool = False, italic: bool = False) -> P
         if local_only:
             # If italic was requested but isn't cached, fall through to upright cache.
             if italic:
-                upright_cached = FONT_CACHE_DIR / "MonoLisaVariableNormal.ttf"
+                upright_cached = FONT_CACHE_DIR / Path(MONOLISA_FONT_PATH).name
                 if _is_cached_font(upright_cached):
                     return upright_cached
             return None
@@ -479,6 +484,24 @@ def _get_monolisa_font_path(local_only: bool = False, italic: bool = False) -> P
         return None
 
 
+def _set_variable_weight(font: ImageFont.FreeTypeFont, weight: int) -> None:
+    """Set the `wght` axis of a variable font, leaving every other axis at its default.
+
+    `set_variation_by_axes` takes one value per axis in the font's own order.
+    MonoLisa v2 had a single `wght` axis; v3 adds `GRAD` (typographic color),
+    so a bare `[weight]` would raise on v3 and silently keep the default weight.
+    Resolving the axes by tag keeps this correct for either file.
+    """
+    try:
+        axes = font.get_variation_axes()
+        values = [
+            weight if axis["name"] in (b"wght", "wght", b"Weight", "Weight") else axis["default"] for axis in axes
+        ]
+        font.set_variation_by_axes(values)
+    except Exception:
+        logger.debug("Font variation not supported for MonoLisa at weight=%d", weight)
+
+
 def _get_font(
     size: int = 32, weight: int = 700, local_only: bool = False, italic: bool = False
 ) -> ImageFont.FreeTypeFont | ImageFont.ImageFont:
@@ -497,11 +520,7 @@ def _get_font(
     if monolisa_path:
         try:
             font = ImageFont.truetype(str(monolisa_path), size)
-            # Set variable font weight (MonoLisa supports 100-1000)
-            try:
-                font.set_variation_by_axes([weight])
-            except Exception:
-                logger.debug("Font variation not supported for MonoLisa at weight=%d", weight)
+            _set_variable_weight(font, weight)
             return font
         except OSError:
             logger.warning("Failed to load MonoLisa font from %s", monolisa_path)
@@ -989,7 +1008,7 @@ def has_text_shaping() -> bool:
     """Whether Pillow can shape text (libraqm/HarfBuzz present).
 
     Without it Pillow silently uses its BASIC layout engine: OpenType features
-    such as MonoLisa's `ss02` italic swashes are unavailable AND no text is
+    such as MonoLisa's `ss01` italic swashes are unavailable AND no text is
     kerned, so every OG card renders subtly off-brand. Public so the API can
     report the capability at startup instead of discovering it from a diff of
     two PNGs.
@@ -1024,13 +1043,13 @@ def _warn_missing_shaping(features: list[str]) -> None:
 def _draw_text_with_features(
     draw: ImageDraw.ImageDraw, xy: tuple[int, int], text: str, *, font, fill, features: list[str] | None = None
 ) -> None:
-    """Draw text with optional OpenType features (e.g. `ss02` for MonoLisa Italic swashes).
+    """Draw text with optional OpenType features (e.g. `ss01` for MonoLisa Italic swashes).
 
     Falls back to plain `draw.text(...)` when Pillow is built without libraqm
     (no feature support) or when the font doesn't supply the requested feature —
     but says so in the log rather than degrading silently, which is how the
     production OG cards lost their italic swashes unnoticed (issue: OG image
-    served without MonoLisa `ss02`).
+    served without MonoLisa's script set).
     """
     if not features:
         draw.text(xy, text, font=font, fill=fill)
@@ -1116,7 +1135,12 @@ def create_home_og_image(
     # Line 2 — italic `— any library.`, same left edge as the wordmark
     accent_y = block_top + wm_size + line_gap_headline
     _draw_text_with_features(
-        draw, (block_left, accent_y), accent_text, font=accent_font, fill=theme_dict["ink"], features=["ss02"]
+        draw,
+        (block_left, accent_y),
+        accent_text,
+        font=accent_font,
+        fill=theme_dict["ink"],
+        features=[MONOLISA_SCRIPT_FEATURE],
     )
 
     # Line 3 — mono accent `from .md to art.` (centered in canvas, big gap above)
diff --git a/docs/reference/seo.md b/docs/reference/seo.md
index ed80eab57c9..d1920102843 100644
--- a/docs/reference/seo.md
+++ b/docs/reference/seo.md
@@ -353,16 +353,19 @@ Layout:
 
 ### Font
 
-Uses **MonoLisa** variable font (commercial, not in repo):
-- Downloaded from GCS: `gs://anyplot-static/fonts/MonoLisaVariableNormal.ttf`
-- Italic variant (`MonoLisaVariableItalic.ttf`) for the tagline swashes
-- Cached locally in `/tmp/anyplot-fonts/`
+Uses **MonoLisa Code 3.000** variable font (commercial, not in repo):
+- Downloaded from GCS: `gs://anyplot-static/fonts/v3/desktop/MonoLisaCodeUpright.ttf`
+- Italic variant (`MonoLisaCodeItalic.ttf`) for the tagline swashes
+- Cached locally in `/tmp/anyplot-fonts/v3/` (the version is part of the path
+  so a warm container never serves an older file under the same name)
+- Two variable axes (`wght`, `GRAD`); the renderer sets only `wght` and leaves
+  `GRAD` at its default of 0
 - Fallback: DejaVuSansMono-Bold
 
 ### Text shaping (libraqm)
 
 The home card draws its `— any library.` line with the OpenType stylistic set
-`ss02`, which turns MonoLisa Italic into its script forms. Pillow can only apply
+`ss01` (`ss02` in MonoLisa 2), which turns MonoLisa Italic into its script forms. Pillow can only apply
 OpenType features and kerning when it is built with libraqm; without it, Pillow
 silently switches to its BASIC layout engine and the card renders unkerned and
 without swashes — the response stays a valid 200 PNG, so nothing else signals
diff --git a/docs/reference/style-guide.md b/docs/reference/style-guide.md
index 6b0123d5472..85f7d73569d 100644
--- a/docs/reference/style-guide.md
+++ b/docs/reference/style-guide.md
@@ -42,12 +42,12 @@ anyplot.ai is a considered reference work styled like a code editor over a paper
 
 **3. Code is the native register.** Section headers carry shell prompts (`❯ libraries`, `$ plots`, `~/anyplot/`), action buttons read as method calls (`.copy()`, `.open()`, `.download()`), the hero headline types itself with a blinking cursor. The site speaks the dialect of its visitors. This is not skinning — it's the framing device. Removing the editorial paper underneath would over-tip into "developer toy"; removing the terminal layer would feel sterile and product-marketing-y. The two layers depend on each other.
 
-**4. One typeface, two voices.** The entire site is set in **MonoLisa** — body, UI, navigation, prompts, buttons, logo, display headlines, everything. The editorial accent is not a second font but MonoLisa's **italic + `ss02` stylistic set** (the script variant), enabled globally via `font-feature-settings: "ss02"`. Whenever text is set in `font-style: italic`, it renders as a flowing script that carries the emotional/editorial register while staying on the monospace grid.
+**4. One typeface, two voices.** The entire site is set in **MonoLisa Code** — body, UI, navigation, prompts, buttons, logo, display headlines, everything. The editorial accent is not a second font but MonoLisa's **italic + `ss01` stylistic set** (the script variant), enabled globally via `font-feature-settings: "ss01"`. Whenever text is set in `font-style: italic`, it renders as a flowing script that carries the emotional/editorial register while staying on the monospace grid.
 
-- **Roman (upright MonoLisa)** — default for all prose, labels, navigation, buttons, code, logo. Bold weights (700) for display sizes.
-- **Script (italic MonoLisa + ss02)** — accents only: hero sub-headlines (`— any library.`), section titles (`libraries`, `specs`), taglines (`steal like an artist.`), emphasized words (`<em>your</em>`). Reserve for semantic emphasis, not decoration.
+- **Roman (upright MonoLisa Code)** — default for all prose, labels, navigation, buttons, code, logo. Bold weights (700) for display sizes.
+- **Script (italic MonoLisa Code + ss01)** — accents only: hero sub-headlines (`— any library.`), section titles (`libraries`, `specs`), taglines (`steal like an artist.`), emphasized words (`<em>your</em>`). Reserve for semantic emphasis, not decoration.
 
-This is a stricter system than the typical 3-font stack and depends on MonoLisa's breadth (all weights 100–900, italic with ss02) rather than bringing in a separate serif. The trade-off: no Fraunces editorial warmth; in exchange, a single coherent voice.
+This is a stricter system than the typical 3-font stack and depends on MonoLisa's breadth (all weights 100–900, italic with ss01) rather than bringing in a separate serif. The trade-off: no Fraunces editorial warmth; in exchange, a single coherent voice. MonoLisa 3 ships a proportional sibling, **MonoLisa Text**; it is registered (`--text`) for experiments but not part of the system until a decision says where it belongs.
 
 **5. Generous vertical rhythm.** Section padding is 80px vertical on desktop. Hero sections get 80–100px. Cards have 24–28px internal padding. The layout should feel **unhurried**, like a journal you read cover to cover rather than a dashboard you scan.
 
@@ -481,36 +481,42 @@ Using them in navigation or buttons breaks the color hierarchy.
 ### 5.1 Font Families
 
 ```css
---serif: 'MonoLisa', 'MonoLisa Fallback', Consolas, Menlo, Monaco, 'DejaVu Sans Mono', monospace;
---sans:  'MonoLisa', 'MonoLisa Fallback', Consolas, Menlo, Monaco, 'DejaVu Sans Mono', monospace;
---mono:  'MonoLisa', 'MonoLisa Fallback', 'JetBrains Mono', Consolas, monospace;
+--serif: 'MonoLisa Code', 'MonoLisa Fallback', Consolas, Menlo, Monaco, 'DejaVu Sans Mono', monospace;
+--sans:  'MonoLisa Code', 'MonoLisa Fallback', Consolas, Menlo, Monaco, 'DejaVu Sans Mono', monospace;
+--mono:  'MonoLisa Code', 'MonoLisa Fallback', 'JetBrains Mono', Consolas, monospace;
+--text:  'MonoLisa Text', 'MonoLisa Code', 'MonoLisa Fallback', system-ui, sans-serif;
 ```
 
-The `--serif` and `--sans` variables are kept as aliases to `--mono` so existing imports resolve, but all three resolve to the same MonoLisa stack. The editorial accent comes from **italic + `ss02` stylistic set**, not from a second font. `ss02` is enabled globally on `html` via `font-feature-settings: "ss02"` — it only affects glyphs rendered with `font-style: italic`, so upright text is unaffected.
+The `--serif` and `--sans` variables are kept as aliases to `--mono` so existing imports resolve, but all three resolve to the same MonoLisa Code stack. `--text` is MonoLisa Text, the proportional sibling introduced in MonoLisa 3: registered for experiments, unused by default (the browser fetches nothing for a family no rule uses). The editorial accent comes from **italic + `ss01` stylistic set**, not from a second font. `ss01` is enabled globally on `html` via `font-feature-settings: "ss01"` — it only affects glyphs rendered with `font-style: italic`, so upright text is unaffected.
+
+**OpenType features in use (v3 tags — they changed from v2):**
+- `ss01` — script variant, italic only. Was `ss02` in v2; in v3 `ss02` means "alt i r", so never carry the old tag forward.
+- `dlig` — coding ligatures (`->`, `!=`, `===`). v2 shipped them under `liga` (on by default); v3 moved them to `dlig` (off by default). `tokens.css` re-enables them on `pre`, `code`, `kbd`, `samp` only, so prose never ligates.
+- `GRAD` (variable axis, −50…50) — typographic color without width change. Off (0) everywhere; the hook for a dark-mode experiment (`font-variation-settings: 'GRAD' 15` under `[data-theme='dark']`) is documented in `tokens.css`.
 
 **Loading:**
-- **MonoLisa 2.017**: commercial license required. Self-hosted on GCS (`gs://anyplot-static/fonts/`) as 64 Unicode-range subsets (woff2, variable 100–900 weights, normal + italic). The italic subsets ship with the `ss02` feature table intact — critical for the script variant. CORS restricted to `anyplot.ai` + localhost.
+- **MonoLisa 3.000**: commercial license required. Self-hosted on GCS (`gs://anyplot-static/fonts/v3/{code,text}/`) as 70 Unicode-range subsets per family (woff2, variable `wght` 100–900 + `GRAD`, normal + italic), plus the four variable TTFs under `fonts/v3/desktop/` for the OG-image renderer and design-sync. The italic subsets ship with the `ss01` feature table intact — critical for the script variant. CORS restricted to `anyplot.ai` + localhost. `app/src/styles/fonts.css` is generated from the order page's builder CSS by `automation/scripts/monolisa_fonts_css.py`; a font update is a re-run, never a hand edit.
 - **MonoLisa Fallback**: `@font-face` with `local('Consolas'), local('Menlo'), local('Monaco'), local('DejaVu Sans Mono')` + size-adjust metrics — prevents CLS while the webfont loads.
 - **No Google Fonts**: Fraunces and Inter were removed in favor of MonoLisa-only. ~40–60 KB transfer + one handshake saved.
 
 ### 5.2 Type Roles
 
-The key rule: **mono is the default, italic-ss02 is the editorial accent.** Everything is MonoLisa. Upright for structure, italic (which triggers ss02 script glyphs) for emphasis. No second font.
+The key rule: **mono is the default, italic-ss01 is the editorial accent.** Everything is MonoLisa. Upright for structure, italic (which triggers ss01 script glyphs) for emphasis. No second font.
 
 | Element                | Variant           | Size                       | Weight | Notes                                                           |
 |------------------------|-------------------|----------------------------|--------|-----------------------------------------------------------------|
 | Display headlines      | mono + script     | `clamp(44, 4.5vw, 76px)`   | 400–700| Hero H1 mixes upright bold (code token) + italic-script (prose accent). |
-| Section titles         | mono italic + ss02| `clamp(36, 4.5vw, 56px)`   | 300–400| Script variant on title word. Preceded by a shell prompt.       |
+| Section titles         | mono italic + ss01| `clamp(36, 4.5vw, 56px)`   | 300–400| Script variant on title word. Preceded by a shell prompt.       |
 | Shell prompt prefix    | mono upright      | 0.6× section-title size    | 500    | `❯` `$` `~/path/` — `--ink-muted`, sits before the title.        |
 | Body paragraph         | mono upright      | 14–16px                    | 300–400| Default body text. Lowercase preferred.                         |
 | Intro / lede           | mono upright      | 18–19px                    | 300–500| Paragraph under H1. Subtitle (`one spec · every library…`) at 500. |
-| Tagline                | mono italic + ss02| 18–22px                    | 400    | Script variant, e.g. `steal like an artist.`                    |
+| Tagline                | mono italic + ss01| 18–22px                    | 400    | Script variant, e.g. `steal like an artist.`                    |
 | Eyebrow / Kicker       | mono upright      | 11px                       | 400    | Lowercase, tracked `.08em`, preceded by a 18×1px green rule.    |
 | UI labels & buttons    | mono upright      | 12–13px                    | 500    | Buttons lowercase, e.g. `browse plots →`.                       |
 | Navigation links       | mono upright      | 14px                       | 500    | Active state: green `•` prefix.                                 |
 | Code / logo            | mono upright      | context-dependent          | 700    | Logo: `any.plot()` with green dot and ghosted `()`.             |
 | Stats / numerals       | mono upright      | 24–32px                    | 600    | Quiet support — no italic/green accents on numerals anymore.    |
-| Emphasis in body       | mono italic + ss02| inherits                   | inherit| `<em>your</em>` reads as script within upright prose.           |
+| Emphasis in body       | mono italic + ss01| inherits                   | inherit| `<em>your</em>` reads as script within upright prose.           |
 | Inline code in prose   | mono upright      | inherits ×0.95             | 500    | Background `--bg-elevated`, padding 2–4px, radius 3px.          |
 
 ### 5.3 Display Type Construction
@@ -540,15 +546,15 @@ steal like an artist._▌             │                             │
 
 **H1 construction (two lines):**
 - Line 1: `any.plot()` — MonoLisa Bold (700), upright, with `.` in `--imprint-green` (circle via `scale(1.3)`), ghosted `()` at opacity 0.45. This matches the NavBar logo exactly for brand consistency.
-- Line 2: `— any library.` — MonoLisa italic + `ss02`, weight 400, same 0.75em size as `any.plot()` so heights align. The script variant reads as the editorial subline.
+- Line 2: `— any library.` — MonoLisa italic + `ss01`, weight 400, same 0.75em size as `any.plot()` so heights align. The script variant reads as the editorial subline.
 - Size: `clamp(2.75rem, 4.5vw, 4.75rem)` on the H1 container, with `0.75em` on both spans.
 
 **Layer hierarchy (top to bottom, left column):**
 1. **Eyebrow** — `— the open plot catalogue`, lowercase, 11px MonoLisa upright, `--imprint-green`, tracked `.08em`, preceded by 18×1px green rule.
 2. **H1** — see above.
 3. **Subtitle** — `one spec · every library · always current.`, MonoLisa upright weight 500, 18px, `--ink`. Must fit on one line (`whiteSpace: nowrap` + stepped responsive size).
-4. **Intro prose** — 4–6 lines MonoLisa upright weight 300, `--ink-soft`, 18px. `<em>your</em>` renders as italic-ss02 script accent inline.
-5. **Tagline** — `steal like an artist.`, MonoLisa italic + `ss02`, 22px. Typed out by TypewriterText (see §8.1) at ~68ms/char, with a trailing green block cursor that fades 2.5s after typing completes.
+4. **Intro prose** — 4–6 lines MonoLisa upright weight 300, `--ink-soft`, 18px. `<em>your</em>` renders as italic-ss01 script accent inline.
+5. **Tagline** — `steal like an artist.`, MonoLisa italic + `ss01`, 22px. Typed out by TypewriterText (see §8.1) at ~68ms/char, with a trailing green block cursor that fades 2.5s after typing completes.
 6. **CTAs** — primary black pill `browse plots →`, two stacked text-links next to it: `or connect via mcp →`, `or clone on github →`. Lowercase throughout.
 7. **NumbersStrip** — single `borderTop`, five quiet stats (1.5rem MonoLisa weight 600 in `--ink-soft`), labels 12px `--ink-muted`. Hangs directly under the hero inside the same 88svh section so the libraries peek below.
 
@@ -567,12 +573,12 @@ CSS sketch:
 .hero-h1 .parens    { font-weight: 400; opacity: 0.45; }
 .hero-h1 .accent    {
   font-style: italic;
-  font-feature-settings: "ss02";   /* script variant */
+  font-feature-settings: "ss01";   /* script variant */
   font-weight: 400;
   font-size: 0.75em;
   white-space: nowrap;
 }
-.hero-tagline       { font-style: italic; font-feature-settings: "ss02"; }
+.hero-tagline       { font-style: italic; font-feature-settings: "ss01"; }
 .hero-cursor        { width: 0.55em; background: var(--imprint-green); animation: blink 1s steps(2) infinite; transition: opacity 0.6s; }
 @keyframes blink { 50% { opacity: 0; } }
 ```
@@ -655,7 +661,7 @@ $ plots
 
 - **Prefix glyph**: `❯` is the default everywhere (navigation, list, editorial). `$` may be used for explicit action/list sections if it adds meaning; `~/path/` for hierarchical/about/meta sections. Earlier drafts used `§` in places (landing, about, libraries) — those have all been migrated to `❯`. No new glyph enters the system.
 - **Prefix font**: MonoLisa weight 500, color `--ink-muted`, scaled to ~0.6× the title size
-- **Title font**: MonoLisa italic + `ss02` stylistic set, 1.6–2rem weight 400; the `<em>` child is rendered in `--imprint-green` (script accent), the rest of the h2 stays `--ink`
+- **Title font**: MonoLisa italic + `ss01` stylistic set, 1.6–2rem weight 400; the `<em>` child is rendered in `--imprint-green` (script accent), the rest of the h2 stays `--ink`
 - **Spacing**: header wrapper is `pt: 2.5` (20px), `pb: 1.5` (12px) to sit the underline close to the baseline, `mb: 4` (32px) under the rule before content resumes. Sections wrap in `<Box component="section" sx={{ py: { xs: 2, md: 3 } }}>` so the page rhythm is uniform across editorial pages.
 - **Underline**: 1px solid `--rule`, full container width
 - **Component**: reuse `app/src/components/SectionHeader.tsx` — it encodes the pt/pb/mb/border rules above. Do not re-implement.
@@ -1173,7 +1179,7 @@ For CSS:
 - **Pure white or pure black backgrounds**: harsh, removes the warmth, makes plots look awkward against them.
 - **Branded loading spinners**: a plain loading indicator is fine. A branded animated logo is overkill.
 - **Generic stock imagery**: no isometric illustrations, no people high-fiving, no laptop-on-desk hero shots. Plots are our imagery.
-- **A second typeface**: no Space Grotesk, no Poppins, no Fraunces, no Inter. MonoLisa is the only face; italic + `ss02` is the only "second voice." Reaching for a serif for warmth or a sans for legal text undoes the single-face discipline.
+- **A second typeface**: no Space Grotesk, no Poppins, no Fraunces, no Inter. MonoLisa is the only face; italic + `ss01` is the only "second voice." Reaching for a serif for warmth or a sans for legal text undoes the single-face discipline.
 
 ### 10.2 Brand
 
@@ -1210,9 +1216,10 @@ The design system is implemented across:
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>anyplot.ai — any library. one plot.</title>
   <link rel="preconnect" href="https://storage.googleapis.com" crossorigin>
-  <!-- MonoLisa basic-latin preload (variable font, all weights in one file) -->
-  <link rel="preload" href="https://storage.googleapis.com/anyplot-static/fonts/0-MonoLisa-normal.woff2" as="font" type="font/woff2" crossorigin>
-  <link rel="preload" href="https://storage.googleapis.com/anyplot-static/fonts/2-MonoLisa-normal.woff2" as="font" type="font/woff2" crossorigin>
+  <!-- MonoLisa Code preloads, as in app/index.html: Basic Latin upright, Basic Latin italic (the script voice, ss01), Latin-1 Supplement (ä ö ü ß) -->
+  <link rel="preload" href="https://storage.googleapis.com/anyplot-static/fonts/v3/code/0-MonoLisaCode-normal.woff2" as="font" type="font/woff2" crossorigin>
+  <link rel="preload" href="https://storage.googleapis.com/anyplot-static/fonts/v3/code/1-MonoLisaCode-italic.woff2" as="font" type="font/woff2" crossorigin>
+  <link rel="preload" href="https://storage.googleapis.com/anyplot-static/fonts/v3/code/2-MonoLisaCode-normal.woff2" as="font" type="font/woff2" crossorigin>
   <style>
     :root {
       /* imprint palette — 8 categorical hues + 3 semantic anchors */
@@ -1237,10 +1244,10 @@ The design system is implemented across:
       --ink-muted:   #6B6A63;
       --rule:        rgba(26, 26, 23, 0.10);
 
-      /* Typography — MonoLisa only. serif/sans aliased for compatibility. */
-      --serif: 'MonoLisa', 'MonoLisa Fallback', Consolas, Menlo, Monaco, monospace;
-      --sans:  'MonoLisa', 'MonoLisa Fallback', Consolas, Menlo, Monaco, monospace;
-      --mono:  'MonoLisa', 'MonoLisa Fallback', 'JetBrains Mono', Consolas, monospace;
+      /* Typography — MonoLisa Code only. serif/sans aliased for compatibility. */
+      --serif: 'MonoLisa Code', 'MonoLisa Fallback', Consolas, Menlo, Monaco, monospace;
+      --sans:  'MonoLisa Code', 'MonoLisa Fallback', Consolas, Menlo, Monaco, monospace;
+      --mono:  'MonoLisa Code', 'MonoLisa Fallback', 'JetBrains Mono', Consolas, monospace;
 
       /* Layout */
       --gutter: 24px;
@@ -1258,8 +1265,8 @@ The design system is implemented across:
       --rule:        rgba(240, 239, 232, 0.10);
     }
 
-    /* Global: enable ss02 so any italic text renders as the script variant. */
-    html { font-feature-settings: "ss02"; }
+    /* Global: enable ss01 so any italic text renders as the script variant. */
+    html { font-feature-settings: "ss01"; }
 
     body {
       font-family: var(--mono);
@@ -1301,7 +1308,7 @@ Eventually, once the project is mature, consider writing a JOSS (Journal of Open
 **Non-web visual identity:**
 
 - **GitHub profile images**: square variant of the logo: `any.plot()` in MonoLisa Bold, centered, on warm off-white background (`#FAF8F1`). Green dot at `#009E73`. Maintain 1em padding from edges.
-- **OG / Twitter card images**: 1200×630px. Top-left: `anyplot.ai` logo in MonoLisa Bold. Center-left: page title in MonoLisa — bold upright for the subject, italic + ss02 script for one accent word. Center-right: representative plot screenshot or palette strip. Bottom: minimal meta in mono.
+- **OG / Twitter card images**: 1200×630px. Top-left: `anyplot.ai` logo in MonoLisa Bold. Center-left: page title in MonoLisa — bold upright for the subject, italic + ss01 script for one accent word. Center-right: representative plot screenshot or palette strip. Bottom: minimal meta in mono.
 - **Presentations**: black or warm off-white backgrounds. MonoLisa throughout — upright for body, italic-script for section dividers. Brand green only for emphasis. Every plot in the deck uses imprint.
 - **T-shirts / merch (if ever)**: dark t-shirt, `any.plot()` in white with green dot, centered on chest. No taglines, no URLs, no GitHub handles. One variant only.
 
diff --git a/tests/unit/automation/scripts/test_monolisa_fonts_css.py b/tests/unit/automation/scripts/test_monolisa_fonts_css.py
new file mode 100644
index 00000000000..2c76f7be9df
--- /dev/null
+++ b/tests/unit/automation/scripts/test_monolisa_fonts_css.py
@@ -0,0 +1,131 @@
+"""Tests for automation.scripts.monolisa_fonts_css — the fonts.css generator.
+
+The builder CSS from the MonoLisa order page is an external input that never
+enters the repo, so these tests feed synthetic blocks in the builder's shape
+and lock the parts of the output the app depends on: the family names, the
+GCS paths, the `swap`/`optional` display policy and the `unicode-range`
+pass-through.
+"""
+
+import pytest
+
+from automation.scripts.monolisa_fonts_css import Subset, build, parse_builder_css, render_family
+
+
+BUILDER_CSS = """/*!
+* @preserve
+* MonoLisa 3.000
+*/
+
+@font-face {
+  src: url(/woff2/0-MonoLisaCode-normal.woff2) format("woff2");
+  font-family: MonoLisaCode;
+  font-weight: 1 900;
+  font-style: normal;
+  unicode-range: U+0020-007F;
+}
+
+@font-face {
+  src: url(/woff2/1-MonoLisaCode-italic.woff2) format("woff2");
+  font-family: MonoLisaCode;
+  font-weight: 1 900;
+  font-style: italic;
+  unicode-range: U+0020-007F;
+}
+
+@font-face {
+  src: url(/woff2/2-MonoLisaCode-normal.woff2) format("woff2");
+  font-family: MonoLisaCode;
+  font-weight: 1 900;
+  font-style: normal;
+  unicode-range: U+0080-00FF;
+}
+"""
+
+PREFIX = "https://storage.googleapis.com/anyplot-static/fonts/v3"
+
+
+class TestParseBuilderCss:
+    """The builder's @font-face blocks become (file, style, range) triples."""
+
+    def test_parses_every_block_in_order(self):
+        subsets = parse_builder_css(BUILDER_CSS)
+
+        assert subsets == [
+            Subset("0-MonoLisaCode-normal.woff2", "normal", "U+0020-007F"),
+            Subset("1-MonoLisaCode-italic.woff2", "italic", "U+0020-007F"),
+            Subset("2-MonoLisaCode-normal.woff2", "normal", "U+0080-00FF"),
+        ]
+
+    def test_strips_directory_and_quotes_from_src(self):
+        css = """@font-face {
+  src: url('./woff2/5-MonoLisaText-italic.woff2') format("woff2");
+  font-style: italic;
+  unicode-range: U+0100-017F;
+}"""
+        assert parse_builder_css(css)[0].filename == "5-MonoLisaText-italic.woff2"
+
+    def test_rejects_block_without_unicode_range(self):
+        css = """@font-face {
+  src: url(/woff2/0-MonoLisaCode-normal.woff2) format("woff2");
+  font-style: normal;
+}"""
+        with pytest.raises(ValueError, match="Unparseable"):
+            parse_builder_css(css)
+
+    def test_rejects_css_without_blocks(self):
+        with pytest.raises(ValueError, match="No @font-face"):
+            parse_builder_css("body { color: red; }")
+
+
+class TestRenderFamily:
+    """Family name, GCS path, display policy and range comments per subset."""
+
+    def test_basic_latin_swaps_and_the_rest_is_optional(self):
+        out = render_family("MonoLisa Code", "code", parse_builder_css(BUILDER_CSS), PREFIX, {})
+
+        blocks = [b for b in out.split("@font-face {") if "font-display" in b]
+        assert len(blocks) == 3
+        assert "font-display: swap;" in blocks[0]
+        assert "font-display: swap;" in blocks[1]
+        assert "font-display: optional;" in blocks[2]
+
+    def test_renders_family_path_style_and_range(self):
+        out = render_family("MonoLisa Text", "text", parse_builder_css(BUILDER_CSS), PREFIX, {})
+
+        assert "font-family: 'MonoLisa Text';" in out
+        assert f"src: url('{PREFIX}/text/1-MonoLisaCode-italic.woff2')" in out
+        assert "font-style: italic;" in out
+        assert "unicode-range: U+0080-00FF;" in out
+        assert "font-weight: 100 900;" in out
+
+    def test_range_comment_once_per_range_with_human_name(self):
+        out = render_family("MonoLisa Code", "code", parse_builder_css(BUILDER_CSS), PREFIX, {})
+
+        assert out.count("/* Basic Latin */") == 1
+        assert out.count("/* Latin-1 Supplement */") == 1
+
+    def test_swap_comment_only_on_swap_faces(self):
+        out = render_family("MonoLisa Code", "code", parse_builder_css(BUILDER_CSS), PREFIX, {"italic": "script voice"})
+
+        assert out.count("/* script voice */") == 1
+
+
+class TestBuild:
+    """The assembled stylesheet: header, fallback face, both families, no double blank lines."""
+
+    def test_contains_both_families_and_fallback(self):
+        css = build(BUILDER_CSS, BUILDER_CSS, PREFIX, "3.000")
+
+        assert "MonoLisa 3.000" in css
+        assert "font-family: 'MonoLisa Fallback';" in css
+        assert css.count("font-family: 'MonoLisa Code';") == 3
+        assert css.count("font-family: 'MonoLisa Text';") == 3
+        assert f"{PREFIX}/code/0-MonoLisaCode-normal.woff2" in css
+        assert f"{PREFIX}/text/0-MonoLisaCode-normal.woff2" in css
+
+    def test_is_prettier_clean_on_blank_lines(self):
+        css = build(BUILDER_CSS, BUILDER_CSS, PREFIX + "/", "3.000")
+
+        assert "\n\n\n" not in css
+        assert PREFIX + "//" not in css
diff --git a/tests/unit/core/test_images.py b/tests/unit/core/test_images.py
index 0cbf5963598..e1e1af8dc28 100644
--- a/tests/unit/core/test_images.py
+++ b/tests/unit/core/test_images.py
@@ -844,7 +844,7 @@ def test_empty_cached_file_counts_as_missing(self, tmp_path: Path) -> None:
 
         import core.images
 
-        (tmp_path / "MonoLisaVariableNormal.ttf").touch()
+        (tmp_path / "MonoLisaCodeUpright.ttf").touch()
 
         with patch("core.images.FONT_CACHE_DIR", tmp_path):
             assert core.images._get_monolisa_font_path(local_only=True) is None
@@ -857,7 +857,7 @@ def test_failed_download_leaves_no_file_and_is_not_retried_at_once(self, tmp_pat
 
         import core.images
 
-        target = tmp_path / "MonoLisaVariableNormal.ttf"
+        target = tmp_path / "MonoLisaCodeUpright.ttf"
 
         def leave_empty_file(filename: str) -> None:
             Path(filename).touch()  # what download_to_filename does before it fails
@@ -883,7 +883,7 @@ def test_returns_cached_font_without_gcs_call(self, tmp_path: Path) -> None:
         import core.images
 
         # Create fake cached font in tmp_path
-        fake_font = tmp_path / "MonoLisaVariableNormal.ttf"
+        fake_font = tmp_path / "MonoLisaCodeUpright.ttf"
         fake_font.write_bytes(b"fake font data")
 
         with patch("core.images.FONT_CACHE_DIR", tmp_path):
@@ -913,11 +913,11 @@ def test_downloads_from_gcs_on_cache_miss(self, tmp_path: Path) -> None:
 
         # Verify GCS interactions
         mock_client.bucket.assert_called_once_with("anyplot-static")
-        mock_bucket.blob.assert_called_once_with("fonts/MonoLisaVariableNormal.ttf")
+        mock_bucket.blob.assert_called_once_with("fonts/v3/desktop/MonoLisaCodeUpright.ttf")
         mock_blob.download_to_filename.assert_called_once()
-        assert result == tmp_path / "MonoLisaVariableNormal.ttf"
+        assert result == tmp_path / "MonoLisaCodeUpright.ttf"
         assert result.read_bytes() == b"font bytes"
-        assert not (tmp_path / "MonoLisaVariableNormal.ttf.part").exists()
+        assert not (tmp_path / "MonoLisaCodeUpright.ttf.part").exists()
 
     def test_concurrent_misses_download_once_and_never_lose_the_font(self, tmp_path: Path) -> None:
         """Renders run in worker threads, two at a time. Two threads that miss the
@@ -953,15 +953,15 @@ def slow_download(filename: str) -> None:
             second = pool.submit(core.images._get_monolisa_font_path)
             results = {first.result(timeout=5), second.result(timeout=5)}
 
-        assert results == {tmp_path / "MonoLisaVariableNormal.ttf"}
+        assert results == {tmp_path / "MonoLisaCodeUpright.ttf"}
         assert mock_blob.download_to_filename.call_count == 1
-        assert (tmp_path / "MonoLisaVariableNormal.ttf").read_bytes() == b"font bytes"
+        assert (tmp_path / "MonoLisaCodeUpright.ttf").read_bytes() == b"font bytes"
 
         # A later failure (cooldown expired, GCS down) must not touch the
         # published file: only its own `.part` is removed.
         core.images._font_download_failed_at.clear()
-        (tmp_path / "MonoLisaVariableNormal.ttf").unlink()
-        (tmp_path / "MonoLisaVariableItalic.ttf").write_bytes(b"italic bytes")
+        (tmp_path / "MonoLisaCodeUpright.ttf").unlink()
+        (tmp_path / "MonoLisaCodeItalic.ttf").write_bytes(b"italic bytes")
 
         def fail_after_opening(filename: str) -> None:
             Path(filename).touch()
@@ -974,8 +974,8 @@ def fail_after_opening(filename: str) -> None:
         ):
             assert core.images._get_monolisa_font_path() is None
 
-        assert (tmp_path / "MonoLisaVariableItalic.ttf").read_bytes() == b"italic bytes"
-        assert not (tmp_path / "MonoLisaVariableNormal.ttf.part").exists()
+        assert (tmp_path / "MonoLisaCodeItalic.ttf").read_bytes() == b"italic bytes"
+        assert not (tmp_path / "MonoLisaCodeUpright.ttf.part").exists()
 
     def test_returns_none_on_gcs_exception(self, tmp_path: Path) -> None:
         """Should return None gracefully when GCS download fails."""
@@ -984,7 +984,7 @@ def test_returns_none_on_gcs_exception(self, tmp_path: Path) -> None:
         import core.images
 
         with (
-            patch.object(type(tmp_path / "MonoLisaVariableNormal.ttf"), "exists", return_value=False),
+            patch.object(type(tmp_path / "MonoLisaCodeUpright.ttf"), "exists", return_value=False),
             patch("core.images.FONT_CACHE_DIR", tmp_path),
             patch("google.cloud.storage.Client", side_effect=Exception("GCS unavailable")),
         ):
@@ -1011,6 +1011,52 @@ def test_creates_cache_dir_on_download(self, tmp_path: Path) -> None:
         assert cache_dir.exists()
 
 
+class TestSetVariableWeight:
+    """Tests for _set_variable_weight — the `wght` axis on a one- or two-axis variable font."""
+
+    def test_sets_weight_and_keeps_other_axes_at_default(self) -> None:
+        """MonoLisa v3 has `wght` + `GRAD`; only `wght` moves, GRAD stays at its default."""
+        from unittest.mock import MagicMock
+
+        import core.images
+
+        font = MagicMock()
+        font.get_variation_axes.return_value = [
+            {"name": b"Weight", "minimum": 1, "default": 400, "maximum": 1000},
+            {"name": b"Grade", "minimum": -50, "default": 0, "maximum": 50},
+        ]
+
+        core.images._set_variable_weight(font, 700)
+
+        font.set_variation_by_axes.assert_called_once_with([700, 0])
+
+    def test_single_axis_font_still_works(self) -> None:
+        """A v2-style single `wght` axis gets exactly one value."""
+        from unittest.mock import MagicMock
+
+        import core.images
+
+        font = MagicMock()
+        font.get_variation_axes.return_value = [{"name": b"Weight", "minimum": 100, "default": 400, "maximum": 900}]
+
+        core.images._set_variable_weight(font, 300)
+
+        font.set_variation_by_axes.assert_called_once_with([300])
+
+    def test_non_variable_font_is_left_alone(self) -> None:
+        """Static fonts raise on the axes query; that must not propagate."""
+        from unittest.mock import MagicMock
+
+        import core.images
+
+        font = MagicMock()
+        font.get_variation_axes.side_effect = OSError("not a variable font")
+
+        core.images._set_variable_weight(font, 700)
+
+        font.set_variation_by_axes.assert_not_called()
+
+
 class TestTextShaping:
     """Tests for libraqm text shaping detection and the feature-drawing helper."""
 
@@ -1026,7 +1072,7 @@ def reset_warn_flag(self):
     def test_environment_has_text_shaping(self) -> None:
         """The rendering environment must have libraqm.
 
-        Without it every OG card silently loses MonoLisa's italic `ss02`
+        Without it every OG card silently loses MonoLisa's italic `ss01`
         swashes and all kerning — exactly the production regression this
         module guards against. A red test here means the Pillow wheel (or the
         container image) lost libraqm, not that the test is wrong.
@@ -1044,10 +1090,10 @@ def test_draws_with_features_when_shaping_available(self) -> None:
         draw = MagicMock()
         with patch("core.images.has_text_shaping", return_value=True):
             core.images._draw_text_with_features(
-                draw, (0, 0), "— any library.", font=None, fill="#000000", features=["ss02"]
+                draw, (0, 0), "— any library.", font=None, fill="#000000", features=["ss01"]
             )
 
-        assert draw.text.call_args.kwargs["features"] == ["ss02"]
+        assert draw.text.call_args.kwargs["features"] == ["ss01"]
 
     def test_warns_once_when_shaping_unavailable(self, caplog) -> None:
         """Should fall back to plain text AND log the degradation exactly once."""
@@ -1059,10 +1105,10 @@ def test_warns_once_when_shaping_unavailable(self, caplog) -> None:
         draw = MagicMock()
         with patch("core.images.has_text_shaping", return_value=False), caplog.at_level(logging.WARNING):
             core.images._draw_text_with_features(
-                draw, (0, 0), "— any library.", font=None, fill="#000000", features=["ss02"]
+                draw, (0, 0), "— any library.", font=None, fill="#000000", features=["ss01"]
             )
             core.images._draw_text_with_features(
-                draw, (0, 40), "— any library.", font=None, fill="#000000", features=["ss02"]
+                draw, (0, 40), "— any library.", font=None, fill="#000000", features=["ss01"]
             )
 
         # Features dropped, text still drawn
@@ -1083,7 +1129,7 @@ def test_warns_when_font_lacks_feature(self, caplog) -> None:
         draw.text.side_effect = [KeyError("unsupported"), None]
         with patch("core.images.has_text_shaping", return_value=True), caplog.at_level(logging.WARNING):
             core.images._draw_text_with_features(
-                draw, (0, 0), "— any library.", font=None, fill="#000000", features=["ss02"]
+                draw, (0, 0), "— any library.", font=None, fill="#000000", features=["ss01"]
             )
 
         assert draw.text.call_count == 2  # feature attempt + plain fallback
@@ -1101,12 +1147,12 @@ def test_no_features_draws_plain_text(self) -> None:
         assert "features" not in draw.text.call_args.kwargs
 
     def test_home_og_image_renders_swashes(self) -> None:
-        """The home card must differ with and without `ss02` — proof the swashes land.
+        """The home card must differ with and without `ss01` — proof the swashes land.
 
         Guards the production regression directly: when the feature is dropped
         the card still renders, so only a pixel comparison catches it. Skipped
         where MonoLisa is not cached locally (no GCS access): the DejaVu
-        fallback has no `ss02`, so both renders would legitimately match.
+        fallback has no `ss01`, so both renders would legitimately match.
         """
         from io import BytesIO
         from unittest.mock import patch
@@ -1117,7 +1163,7 @@ def test_home_og_image_renders_swashes(self) -> None:
 
         # `_is_cached_font`, not `exists()`: a 0-byte leftover of an interrupted
         # download would pass the skip and then fail the pixel comparison.
-        if not _is_cached_font(FONT_CACHE_DIR / "MonoLisaVariableItalic.ttf"):
+        if not _is_cached_font(FONT_CACHE_DIR / "MonoLisaCodeItalic.ttf"):
             pytest.skip("MonoLisa italic not cached locally — swash rendering cannot be verified")
 
         with_features = create_home_og_image(theme="light")
@@ -1133,7 +1179,7 @@ def test_home_og_image_renders_swashes(self) -> None:
         plain = Image.open(BytesIO(without_features)).convert("RGB")
         diff_box = ImageChops.difference(swashed, plain).getbbox()
 
-        assert diff_box is not None, "`ss02` changed no pixel — the swashes are not being applied"
+        assert diff_box is not None, "`ss01` changed no pixel — the swashes are not being applied"
         # The tagline is the only line drawn with features, so the diff must sit
         # in the headline block and nowhere else (eyebrow row ends at y≈100).
         assert diff_box[1] > 100, f"unexpected diff outside the tagline block: {diff_box}"