@tryvitris/website-harness 1.0.1 → 1.0.2

package/bin/vitris-upgrade.js

@@ -1,9 +1,9 @@
 #!/usr/bin/env node
 import {
   upgradeSite
-} from "./chunks/chunk-JBSGJR7X.js";
+} from "./chunks/chunk-ATPI2YRF.js";
 import "./chunks/chunk-JCRGE6AL.js";
-import "./chunks/chunk-GQPUILFR.js";
+import "./chunks/chunk-JPQCUN2J.js";
 import "./chunks/chunk-KVMZSQ3D.js";
 import "./chunks/chunk-WOORR67N.js";
 import "./chunks/chunk-PRLL7B63.js";
@@ -13,15 +13,16 @@ import "./chunks/chunk-M4LNHYYR.js";
 import "./chunks/chunk-TY33XMHW.js";
 import "./chunks/chunk-HL6JVA4A.js";
 import "./chunks/chunk-M2ETYSVJ.js";
-import "./chunks/chunk-AUO5I56E.js";
+import "./chunks/chunk-C3F7XQD2.js";
 import "./chunks/chunk-BIEDSEL2.js";
 import "./chunks/chunk-IKNMBGGD.js";
 import "./chunks/chunk-WEFDVXFX.js";
-import "./chunks/chunk-H3BS2EBR.js";
-import "./chunks/chunk-L44ZTNDM.js";
-import "./chunks/chunk-37F7XIMH.js";
-import "./chunks/chunk-LKN75JGA.js";
+import "./chunks/chunk-QRIYA3GJ.js";
+import "./chunks/chunk-NMTFSWPK.js";
+import "./chunks/chunk-JTXFTNEA.js";
+import "./chunks/chunk-GE6UUEG2.js";
 import "./chunks/chunk-YYPYYOEV.js";
+import "./chunks/chunk-S2XVNTQP.js";
 import "./chunks/chunk-GZDLXYZV.js";
 import "./chunks/chunk-G7MNMULR.js";
 import "./chunks/chunk-T6PE4KN4.js";

package/bin/vitris-verify-browser.js

@@ -10,8 +10,9 @@ import {
   motionCompositionPolicy,
   observeMotion,
   templateMotionHash,
+  typographyPolicy,
   validateTemplateMotionPlan
-} from "./chunks/chunk-GQPUILFR.js";
+} from "./chunks/chunk-JPQCUN2J.js";
 import "./chunks/chunk-KVMZSQ3D.js";
 import "./chunks/chunk-WOORR67N.js";
 import "./chunks/chunk-PRLL7B63.js";
@@ -26,7 +27,12 @@ import {
   hasAnalyticsRuntime,
   productionQuality
 } from "./chunks/chunk-M2ETYSVJ.js";
-import "./chunks/chunk-AUO5I56E.js";
+import {
+  TYPOGRAPHY_SCENARIO,
+  captureTypography,
+  captureTypographyStates,
+  typographyConsistencyFailures
+} from "./chunks/chunk-C3F7XQD2.js";
 import "./chunks/chunk-BIEDSEL2.js";
 import {
   measurePerformance,
@@ -37,11 +43,14 @@ import {
 } from "./chunks/chunk-WEFDVXFX.js";
 import {
   buildVerified
-} from "./chunks/chunk-H3BS2EBR.js";
-import "./chunks/chunk-L44ZTNDM.js";
-import "./chunks/chunk-37F7XIMH.js";
-import "./chunks/chunk-LKN75JGA.js";
+} from "./chunks/chunk-QRIYA3GJ.js";
+import {
+  loadSitePages
+} from "./chunks/chunk-NMTFSWPK.js";
+import "./chunks/chunk-JTXFTNEA.js";
+import "./chunks/chunk-GE6UUEG2.js";
 import "./chunks/chunk-YYPYYOEV.js";
+import "./chunks/chunk-S2XVNTQP.js";
 import "./chunks/chunk-GZDLXYZV.js";
 import "./chunks/chunk-G7MNMULR.js";
 import {
@@ -340,6 +349,7 @@ var arg = (key) => {
 };
 var root = resolve(arg("--site") || ".");
 var representative = process.argv.includes("--representative");
+var typePolicy = typographyPolicy(root);
 var concurrency = Number(arg("--concurrency") || process.env.VITRIS_BROWSER_CONCURRENCY || "1");
 if (!Number.isInteger(concurrency) || concurrency < 1 || concurrency > 4) throw new Error("--concurrency must be an integer from 1 to 4");
 var extraViewports = (arg("--extra-viewports") || "").split(",").filter(Boolean).map(Number);
@@ -373,10 +383,14 @@ var checks = [];
 var routeChecks = [];
 var compositionTargets = [];
 var pagesToCheck = plan.pages.filter((p) => !representative || p.path === "/" || p.representative);
+if (typePolicy.enabled && !representative) {
+  for (const page of await loadSitePages(root)) if (!pagesToCheck.some((p) => p.path === page.path)) pagesToCheck.push({ path: page.path, sections: [], purpose: "Authored route", representative: false });
+}
 if (!representative && existsSync(join2(dist, "cookie-compliance/index.html")) && !pagesToCheck.some((p) => p.path === "/cookie-compliance")) pagesToCheck.push({ path: "/cookie-compliance" });
 var consentChecks = [];
 var temporalMotion = [];
 var routeJourneys = [];
+var typography = [];
 try {
   try {
     const chromium = await loadPlaywrightChromium();
@@ -424,6 +438,7 @@ try {
     let firstVisit;
     const cookieBanner = page.locator("#vitris-cookie-banner");
     if (await cookieBanner.isVisible()) {
+      if (typePolicy.enabled) typography.push(await captureTypography(page, typePolicy.theme, p.path, width, "first-visit"));
       if (p.path === "/") {
         const path = `${directory}/first-visit-${width}${motion === "reduce" ? "" : "-normal"}.png`;
         await page.screenshot({ path: join2(root, path) });
@@ -484,6 +499,7 @@ try {
       await page.evaluate(`(async () => { await Promise.race([Promise.all([...document.images].filter(i=>i.getClientRects().length).map(i=>{i.loading='eager';return i.decode().catch(()=>{});})),new Promise(r=>setTimeout(r,5000))]); })()`);
       const broken = await page.evaluate(`Array.from(document.images).filter(i=>i.getClientRects().length&&(!i.complete||!i.naturalWidth)).map(i=>i.getAttribute('src'))`);
       failures.push(...broken.map((src) => `Broken tab image: ${src}`));
+      if (typePolicy.enabled) typography.push(await captureTypography(page, typePolicy.theme, p.path, width, `tab-${i}`));
     }
     if (await tabs.count()) await tabs.first().click();
     for (const carousel of await page.locator('[data-island="carousel"]').all()) {
@@ -567,6 +583,7 @@ try {
     const slug = p.path === "/" ? "home" : p.path.replace(/^\//, "").replace(/[^a-zA-Z0-9]+/g, "-").replace(/-+$/, "") || "home";
     const screenshot = `${directory}/${slug}-${width}${motion === "reduce" ? "" : "-normal"}.png`;
     await page.evaluate("window.VitrisMotion?.dispose(); window.VitrisCounters?.dispose()");
+    if (typePolicy.enabled) typography.push(...await captureTypographyStates(page, typePolicy.theme, p.path, width));
     const unreadableMotion = await page.locator("[data-motion],[data-reveal],[data-motion-child],[data-reveal-child]").evaluateAll((es) => es.filter((e) => Number(getComputedStyle(e).opacity) < 0.99).map((e) => e.id || e.tagName));
     if (unreadableMotion.length) failures.push(`Motion teardown left final static content hidden: ${unreadableMotion.join(", ")}`);
     await page.evaluate("window.scrollTo(0,0)");
@@ -627,6 +644,10 @@ try {
       }
       const statusBefore = await page.locator('[role="status"]:visible').allTextContents();
       const postsBefore = mockedLeadPosts;
+      if (typePolicy.enabled && !await form.evaluate((e) => e.checkValidity())) {
+        await form.locator("button[type=submit],input[type=submit],button:not([type])").first().click({ timeout: 3e3 });
+        typography.push(await captureTypography(page, typePolicy.theme, p.path, width, "form-invalid"));
+      }
       let supported = true;
       for (const field of await form.locator("input:not([type=hidden]):not([type=submit]),textarea,select").all()) {
         const type = (await field.getAttribute("type") || "text").toLowerCase();
@@ -660,6 +681,7 @@ try {
         const next = page.url();
         const statusAfter = await page.locator('[role="status"]:visible').allTextContents();
         const newStatus = statusAfter.some((text) => text.trim() && !statusBefore.includes(text));
+        if (typePolicy.enabled) typography.push(await captureTypography(page, typePolicy.theme, p.path, width, "form-result"));
         if (mockedLeadPosts === postsBefore) failures.push("Lead form did not reach the mocked POST /api/leads adapter");
         else if (!newStatus && !(new URL(next).searchParams.get("sent") && next !== before)) failures.push("Lead form has no new success state or destination");
       } catch (error) {
@@ -680,8 +702,11 @@ try {
   const compare = (a, b) => a.path.localeCompare(b.path) || a.width - b.width || String(a.motion || a.mode).localeCompare(String(b.motion || b.mode));
   checks.sort(compare);
   routeJourneys.sort(compare);
+  typography.sort((a, b) => compare(a, b) || a.state.localeCompare(b.state));
+  const typographyFailures = typePolicy.enabled ? [.../* @__PURE__ */ new Set([...typography.flatMap((c) => c.failures.map((f) => `${c.path} ${c.width}px ${c.state}: ${f}`)), ...typographyConsistencyFailures(typography)])] : [];
+  for (const failure of typographyFailures) console.log(`Typography: ${failure}`);
   const templateMotion = existsSync(join2(root, TEMPLATE_MOTION_PATH)) ? await captureTemplateMotion(browser, root, `http://127.0.0.1:${address.port}/`, directory + "/template-motion", json(join2(root, TEMPLATE_MOTION_PATH))) : void 0;
-  save(join2(root, `agent/reviews/${name}.json`), { version: 4, sourceHash: sourceHash(root), distHash: fingerprint(root, ["dist"]), scope: name, concurrency, viewports, motionModes, staticMotionState: "complete-after-teardown", motionScenarioHash: MOTION_SCENARIO_HASH, temporalMotion, routeJourneys, checks, routeChecks, consentChecks, ...templateMotion ? { templateMotion } : {}, ...compositionMode ? { compositionTargets } : {} });
+  save(join2(root, `agent/reviews/${name}.json`), { version: 4, sourceHash: sourceHash(root), distHash: fingerprint(root, ["dist"]), scope: name, concurrency, viewports, motionModes, staticMotionState: "complete-after-teardown", motionScenarioHash: MOTION_SCENARIO_HASH, temporalMotion, routeJourneys, checks, routeChecks, consentChecks, ...typePolicy.enabled ? { typography: { scenario: TYPOGRAPHY_SCENARIO, captures: typography, failures: typographyFailures } } : {}, ...templateMotion ? { templateMotion } : {}, ...compositionMode ? { compositionTargets } : {} });
   if (!representative && performancePolicy(root).enabled) {
     const performance = await measurePerformance(root, `http://127.0.0.1:${address.port}`, { log: console.log });
     if (performance.failures.length) {
@@ -690,7 +715,7 @@ try {
     }
   }
   console.log(`${name}: ${checks.length} route/viewport checks`);
-  if (checks.some((c) => c.failures.length) || routeJourneys.some((j) => j.failures.length) || templateMotion?.captures.some((c) => c.failures.length)) process.exitCode = 1;
+  if (typographyFailures.length || checks.some((c) => c.failures.length) || routeJourneys.some((j) => j.failures.length) || templateMotion?.captures.some((c) => c.failures.length)) process.exitCode = 1;
 } finally {
   await browser?.close();
   await new Promise((r) => server.close(() => r()));

package/bin/vitris-verify-performance.js

@@ -7,11 +7,12 @@ import {
 } from "./chunks/chunk-WEFDVXFX.js";
 import {
   buildVerified
-} from "./chunks/chunk-H3BS2EBR.js";
-import "./chunks/chunk-L44ZTNDM.js";
-import "./chunks/chunk-37F7XIMH.js";
-import "./chunks/chunk-LKN75JGA.js";
+} from "./chunks/chunk-QRIYA3GJ.js";
+import "./chunks/chunk-NMTFSWPK.js";
+import "./chunks/chunk-JTXFTNEA.js";
+import "./chunks/chunk-GE6UUEG2.js";
 import "./chunks/chunk-YYPYYOEV.js";
+import "./chunks/chunk-S2XVNTQP.js";
 import "./chunks/chunk-GZDLXYZV.js";
 import "./chunks/chunk-T6PE4KN4.js";
 import "./chunks/chunk-7FS67SRF.js";

package/bin/vitris.js

@@ -1,22 +1,22 @@
 #!/usr/bin/env node
 import {
   runCli
-} from "./chunks/chunk-445FZZEC.js";
-import "./chunks/chunk-KIWEFRNG.js";
-import "./chunks/chunk-72Y4YMTV.js";
-import "./chunks/chunk-UR4NWYVW.js";
-import "./chunks/chunk-JBSGJR7X.js";
-import "./chunks/chunk-M72KKZIB.js";
+} from "./chunks/chunk-GM57SNLL.js";
+import "./chunks/chunk-BMD5GVUT.js";
+import "./chunks/chunk-YYK6367V.js";
+import "./chunks/chunk-CPQQQ5YB.js";
+import "./chunks/chunk-ATPI2YRF.js";
+import "./chunks/chunk-Q6FLOYHS.js";
 import "./chunks/chunk-2NW7KSPA.js";
-import "./chunks/chunk-VKU5TY5C.js";
-import "./chunks/chunk-RE4GOHSU.js";
-import "./chunks/chunk-65LRZIBP.js";
+import "./chunks/chunk-OQGUEQ6F.js";
+import "./chunks/chunk-GO3XEQBA.js";
+import "./chunks/chunk-YYYPSFFZ.js";
 import "./chunks/chunk-34H54KEY.js";
 import "./chunks/chunk-JCRGE6AL.js";
 import "./chunks/chunk-XL2DRAYI.js";
-import "./chunks/chunk-54QPYUM2.js";
+import "./chunks/chunk-XJTAR7KM.js";
 import "./chunks/chunk-XGTHGWPW.js";
-import "./chunks/chunk-GQPUILFR.js";
+import "./chunks/chunk-JPQCUN2J.js";
 import "./chunks/chunk-KVMZSQ3D.js";
 import "./chunks/chunk-WOORR67N.js";
 import "./chunks/chunk-PRLL7B63.js";
@@ -26,15 +26,16 @@ import "./chunks/chunk-M4LNHYYR.js";
 import "./chunks/chunk-TY33XMHW.js";
 import "./chunks/chunk-HL6JVA4A.js";
 import "./chunks/chunk-M2ETYSVJ.js";
-import "./chunks/chunk-AUO5I56E.js";
+import "./chunks/chunk-C3F7XQD2.js";
 import "./chunks/chunk-BIEDSEL2.js";
 import "./chunks/chunk-IKNMBGGD.js";
 import "./chunks/chunk-WEFDVXFX.js";
-import "./chunks/chunk-H3BS2EBR.js";
-import "./chunks/chunk-L44ZTNDM.js";
-import "./chunks/chunk-37F7XIMH.js";
-import "./chunks/chunk-LKN75JGA.js";
+import "./chunks/chunk-QRIYA3GJ.js";
+import "./chunks/chunk-NMTFSWPK.js";
+import "./chunks/chunk-JTXFTNEA.js";
+import "./chunks/chunk-GE6UUEG2.js";
 import "./chunks/chunk-YYPYYOEV.js";
+import "./chunks/chunk-S2XVNTQP.js";
 import "./chunks/chunk-GZDLXYZV.js";
 import "./chunks/chunk-G7MNMULR.js";
 import "./chunks/chunk-T6PE4KN4.js";

package/design-system/MASTER.md

@@ -74,3 +74,7 @@ New authored sites and reauthored routes compose the entire temporal journey wit
 Used-component CSS only, islands only when needed. Give the actual LCP image priority when there is one; lazy-load images outside the initial view. Avoid `transition: all`.
 
 New builds use original Vitris SVG icons through paired `<vitris-icon name="phone"></vitris-icon>` tags. Read `agent/refs/icons.md`; use `vitris-icons inspect NAME --json` for supported families and sizing. Choose by meaning, keep a coherent family and visible service labels, and verify actual desktop/mobile rendering. The compiler emits only the geometry used by each route, with no client catalog. Studio industry support is curated to eight symbols; never synthesize unavailable variants.
+
+## Shared typography for new sites
+
+New redesigns enable site.json typography version 1. Follow agent/refs/typography.md: shared size, weight, leading, tracking and font roles in theme/defaults.json; 18px body, 16px controls, 14px supporting text and a 12px rendered floor. Ordinary H3s share one responsive treatment across pages. Named, justified role variants preserve deliberate hierarchy. Browser acceptance checks every authored route and exposed interaction states. Historical sites retain their styles until an explicit reviewed adoption; kit upgrades never enable this automatically.

package/docs/CLI.md

@@ -75,6 +75,10 @@ vitris site create --dir ../acme --slug acme --from https://old-site.example --t
 
 Open the new site in your coding agent and continue the prepare/work/complete loop with `npm run go` until local preview is ready. The same inputs work with `vitris-create-site` and `npm run create-site -- ...`. When the initial chat already names a template and supplies content, the agent should pass them at setup and continue the workflow without asking the user to select that template again.
 
+New redesign sites enable `site.json.typography: {"version":1}` and ship concrete shared roles in `theme/defaults.json`. Defaults are 18px body, 16px controls/navigation, 14px supporting text and one responsive 24–32px H3 treatment. The 12px rendered minimum is a harness quality policy. See [the typography guide](../agent/refs/typography.md) for role tokens, named variants, font weights and reviewed adoption on an existing site. Existing sites and preserve-mode captures retain their current rendering; upgrading the harness does not opt them in.
+
+For enabled sites, `npm run verify:browser -- --site .` records typography evidence in `agent/reviews/browser.json`, checks every authored route even if omitted from the storyboard, and blocks completion on undersized text or inconsistent roles. Checks cover resting text, supported disclosures/tabs and form validation/results. Refinement verification retains this policy and cannot skip browser checks. New template publication validates every original/branded route before changing the catalog. Custom widgets and text embedded in images still need visual review.
+
 ---
 
 ### `vitris run`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tryvitris/website-harness",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Vitris agent harness for building and verifying customer websites, with a static compiler, media tools, and optional Cloudflare backend.",
   "type": "module",
   "exports": {
@@ -150,7 +150,7 @@
     "typecheck": "tsc --noEmit",
     "test:admin": "node --experimental-strip-types --test src/admin-integration.test.ts",
     "verify:admin": "node --experimental-strip-types scripts/verify-admin.ts",
-    "test": "node --experimental-strip-types --test --test-concurrency=2 src/admin-integration.test.ts src/icons.test.ts src/template-icon-migration.test.ts src/engine.test.ts src/upgrade.test.ts src/hosting.test.ts src/render.test.ts src/analytics.test.ts src/cookie-compliance.test.ts src/schema.test.ts src/patch.test.ts src/jobs.test.ts src/onboard.test.ts src/github-preview.test.ts src/agent.test.ts src/workflow.test.ts src/design-run.test.ts src/creative-profile.test.ts src/creative-efficiency.test.ts src/refine.test.ts src/refine-document-checks.test.ts src/critic-calibration.test.ts src/cli.test.ts src/jev.test.ts src/lifecycle.test.ts src/theme-lifecycle-policy.test.ts src/template-adaptation.test.ts src/adaptation-checkpoint.test.ts src/template-motion.test.ts src/template-motion-browser.test.ts src/experience-browser.test.ts src/jev-capabilities.test.ts src/jev-phase8.test.ts src/jev-prepilot.test.ts src/jev-phase0.test.ts src/jev-sept20.test.ts src/trace.test.ts src/cursor-hook.test.ts src/design-intelligence.test.ts src/design-context-integration.test.ts src/package-bin.test.ts src/knowledge-layers.test.ts src/launch-preflight.test.ts src/page-transfer.test.ts src/worker-publish.test.ts src/worker-preview.test.ts src/worker-security.test.ts src/harness-upgrades.test.ts src/stock-media.test.ts src/harness-distribution.test.ts src/storyboard-media.test.ts src/added-media.test.ts src/lead-forms.test.ts src/composition.test.ts src/reference-library.test.ts src/art-direction.test.ts src/scroll-motion.test.ts src/scroll-motion-browser.test.ts src/artistic-motion-browser.test.ts src/page-composition.test.ts src/reference-quality.test.ts src/production-quality.test.ts src/browser-focus.test.ts src/browser-work-queue.test.ts src/quality-subject.test.ts src/preview-cli.test.ts src/theme-selection.test.ts src/site-inputs.test.ts src/fieldwell.test.ts src/still-field.test.ts src/current-craft.test.ts src/copper-chair.test.ts src/clearline.test.ts src/template-cloud.test.ts src/contact-forms.test.ts src/contact-forms-operations.test.ts src/contact-forms-browser.test.ts src/preserve.test.ts src/release-safety.test.ts src/performance-media.test.ts src/lighthouse-browser.test.ts src/browser-timeout.test.ts src/browser-output-contract.test.ts src/template-motion-snapshot.test.ts",
+    "test": "node --experimental-strip-types --test --test-concurrency=2 src/admin-integration.test.ts src/icons.test.ts src/template-icon-migration.test.ts src/engine.test.ts src/upgrade.test.ts src/hosting.test.ts src/render.test.ts src/analytics.test.ts src/cookie-compliance.test.ts src/schema.test.ts src/patch.test.ts src/jobs.test.ts src/onboard.test.ts src/github-preview.test.ts src/agent.test.ts src/workflow.test.ts src/design-run.test.ts src/creative-profile.test.ts src/creative-efficiency.test.ts src/refine.test.ts src/refine-document-checks.test.ts src/critic-calibration.test.ts src/cli.test.ts src/jev.test.ts src/lifecycle.test.ts src/theme-lifecycle-policy.test.ts src/template-adaptation.test.ts src/adaptation-checkpoint.test.ts src/template-motion.test.ts src/template-motion-browser.test.ts src/experience-browser.test.ts src/jev-capabilities.test.ts src/jev-phase8.test.ts src/jev-prepilot.test.ts src/jev-phase0.test.ts src/jev-sept20.test.ts src/trace.test.ts src/cursor-hook.test.ts src/design-intelligence.test.ts src/design-context-integration.test.ts src/package-bin.test.ts src/knowledge-layers.test.ts src/launch-preflight.test.ts src/page-transfer.test.ts src/worker-publish.test.ts src/worker-preview.test.ts src/worker-security.test.ts src/harness-upgrades.test.ts src/stock-media.test.ts src/harness-distribution.test.ts src/storyboard-media.test.ts src/added-media.test.ts src/lead-forms.test.ts src/composition.test.ts src/reference-library.test.ts src/art-direction.test.ts src/scroll-motion.test.ts src/scroll-motion-browser.test.ts src/artistic-motion-browser.test.ts src/page-composition.test.ts src/reference-quality.test.ts src/production-quality.test.ts src/browser-focus.test.ts src/browser-work-queue.test.ts src/quality-subject.test.ts src/preview-cli.test.ts src/theme-selection.test.ts src/site-inputs.test.ts src/fieldwell.test.ts src/still-field.test.ts src/current-craft.test.ts src/copper-chair.test.ts src/clearline.test.ts src/template-cloud.test.ts src/contact-forms.test.ts src/contact-forms-operations.test.ts src/contact-forms-browser.test.ts src/preserve.test.ts src/release-safety.test.ts src/performance-media.test.ts src/lighthouse-browser.test.ts src/browser-timeout.test.ts src/browser-output-contract.test.ts src/template-motion-snapshot.test.ts src/typography.test.ts",
     "eval:jev": "node --experimental-strip-types scripts/eval-jev.ts",
     "benchmark": "node --experimental-strip-types scripts/benchmark.ts",
     "refresh-agent": "node --experimental-strip-types scripts/refresh-agent.ts",

package/templates/site/site.json

@@ -4,6 +4,7 @@
   "sourceFormatVersion": 1,
   "capabilities": [],
   "knowledgeRelease": "2026-09-22",
+  "typography": { "version": 1 },
   "motion": { "strength": "off", "stagger": false },
   "scrollMotion": { "version": 1, "policy": "enabled" },
   "motionComposition": { "version": 2, "routes": "all-authored" }

package/templates/site/theme/defaults.json

@@ -1,17 +1,78 @@
-{
-  "colorBg": "#F7F4EF",
-  "colorText": "#1A1714",
-  "colorMuted": "#5C574F",
-  "colorAccent": "#B44A2C",
-  "colorAccentText": "#FFFFFF",
-  "colorSurface": "#FFFFFF",
-  "colorSurface2": "#EFEAE3",
-  "colorBorder": "#E4DDD2",
-  "colorFocus": "#B44A2C",
-  "fontBody": "ui-sans-serif, system-ui, sans-serif",
-  "fontDisplay": "ui-serif, Georgia, serif",
-  "radius": "8px",
-  "radiusLg": "16px",
-  "radiusPill": "999px",
-  "maxWidth": "1120px"
-}
+{
+  "colorBg": "#F7F4EF",
+  "colorText": "#1A1714",
+  "colorMuted": "#5C574F",
+  "colorAccent": "#B44A2C",
+  "colorAccentText": "#FFFFFF",
+  "colorSurface": "#FFFFFF",
+  "colorSurface2": "#EFEAE3",
+  "colorBorder": "#E4DDD2",
+  "colorFocus": "#B44A2C",
+  "fontBody": "ui-sans-serif, system-ui, sans-serif",
+  "fontDisplay": "ui-serif, Georgia, serif",
+  "radius": "8px",
+  "radiusLg": "16px",
+  "radiusPill": "999px",
+  "maxWidth": "1120px",
+  "typography": {
+    "roles": {
+      "display": {
+        "size": "clamp(2.75rem, 1.8rem + 4vw, 5rem)",
+        "weight": 600,
+        "lineHeight": "1.08",
+        "tracking": "-0.03em",
+        "font": "display"
+      },
+      "section": {
+        "size": "clamp(2rem, 1.5rem + 2vw, 3.5rem)",
+        "weight": 600,
+        "lineHeight": "1.15",
+        "tracking": "-0.025em",
+        "font": "display"
+      },
+      "subheading": {
+        "size": "clamp(1.5rem, 1.3rem + 0.8vw, 2rem)",
+        "weight": 600,
+        "lineHeight": "1.25",
+        "tracking": "-0.015em",
+        "font": "display"
+      },
+      "card-title": {
+        "size": "1.5rem",
+        "weight": 600,
+        "lineHeight": "1.3",
+        "tracking": "-0.01em",
+        "font": "display"
+      },
+      "body": {
+        "size": "1.125rem",
+        "weight": 400,
+        "lineHeight": "1.6",
+        "tracking": "normal",
+        "font": "body"
+      },
+      "ui": {
+        "size": "1rem",
+        "weight": 600,
+        "lineHeight": "1.5",
+        "tracking": "normal",
+        "font": "body"
+      },
+      "caption": {
+        "size": "0.875rem",
+        "weight": 400,
+        "lineHeight": "1.5",
+        "tracking": "normal",
+        "font": "body"
+      },
+      "label": {
+        "size": "0.875rem",
+        "weight": 600,
+        "lineHeight": "1.5",
+        "tracking": "0.02em",
+        "font": "body"
+      }
+    },
+    "variants": {}
+  }
+}