@conductor-by-89soone/tokens 0.4.0 → 0.6.0

package/dist/cli.js

@@ -271,7 +271,13 @@ var motion = [
   semantic("motion.fast", "140ms {ease.entrance}", "Colour, background and border transitions."),
   semantic("motion.standard", "240ms {ease.entrance}", "Overlay and page entrance."),
   semantic("motion.bounce", "300ms {ease.overshoot}", "Toggle and switch settle."),
-  semantic("motion.spin", "1000ms {ease.linear}", "One revolution of the indeterminate spinner.")
+  semantic("motion.spin", "1000ms {ease.linear}", "One revolution of the indeterminate spinner."),
+  // CR-047: a press, an exit, a large surface, a spring settle, and the step between staged items.
+  semantic("motion.instant", "90ms {ease.entrance}", "Press feedback and pointer-tracking highlights."),
+  semantic("motion.exit", "160ms {ease.exit}", "Overlay, popover and drawer exits."),
+  semantic("motion.slow", "420ms {ease.emphasized}", "Drawers and other large surfaces entering."),
+  semantic("motion.spring", "520ms {ease.spring}", "Spring settle for dialogs, popovers and checked indicators (entrances only)."),
+  semantic("motion.stagger", "45ms", "Delay step between items of a staged entrance; a duration, never an easing.")
 ];
 var scaleTokens = [
   ...fontSize,
@@ -477,13 +483,17 @@ var overlay = [
   component("overlay.drawerBackground", ref("surface.raised"), "Drawer panel fill."),
   component("overlay.drawerWidth", value("500px"), "Drawer panel width."),
   component("overlay.enter", ref("motion.standard"), "Overlay entrance."),
-  component("overlay.exit", ref("motion.fast"), "Overlay exit.")
+  component("overlay.exit", ref("motion.exit"), "Overlay exit.")
 ];
 var HEADING_MIN_PX = FONT_SIZE_PX.xl * 1.2;
 var HEADING_MAX_PX = FONT_SIZE_PX.xl * 1.6;
 var H2_PX = Math.round(FONT_SIZE_PX.xl * 1.3);
 var H3_PX = Math.round(FONT_SIZE_PX.xl * 1.1);
 var HEADING_LINE_HEIGHT_RATIO = 1.3;
+var DISPLAY_MIN_PX = Math.round(FONT_SIZE_PX.xl * 1.8);
+var DISPLAY_MAX_PX = Math.round(FONT_SIZE_PX.xl * 3.2);
+var LEAD_PX = Math.round(FONT_SIZE_PX.xl * 0.9);
+var LEAD_LINE_HEIGHT_RATIO = 1.5;
 var page = [
   component(
     "page.headingSize",
@@ -515,6 +525,26 @@ var page = [
     value(`${roundHalfUp(H3_PX * HEADING_LINE_HEIGHT_RATIO)}px`),
     "Line height paired with `page.subHeadingSize`, at the 1.30 heading ratio."
   ),
+  component(
+    "page.displaySize",
+    value(`clamp(${DISPLAY_MIN_PX}px, 5.5vw, ${DISPLAY_MAX_PX}px)`),
+    "Display heading for a landing hero, derived from `font.size.xl` (\xD7 1.8 and \xD7 3.2). One step above `page.headingSize`; never a body size (CR-042)."
+  ),
+  component(
+    "page.displayLineHeight",
+    value("1.04"),
+    "Unitless like `page.headingLineHeight`: `clamp()` makes a px value impossible here."
+  ),
+  component(
+    "page.leadSize",
+    value(`${LEAD_PX}px`),
+    "Lead paragraph under a page or hero heading. `font.size.xl` \xD7 0.9; sits between `font.size.lg` and `font.size.xl` (CR-042)."
+  ),
+  component(
+    "page.leadLineHeight",
+    value(`${roundHalfUp(LEAD_PX * LEAD_LINE_HEIGHT_RATIO)}px`),
+    "Line height paired with `page.leadSize`, at the 1.50 body ratio."
+  ),
   component("page.stackGap", ref("space.6"), "Gap between page sections."),
   component("page.stackGapCompact", ref("space.5"), "Section gap below `breakpoint.sm`."),
   component("page.contentStackGap", ref("space.5"), "Gap inside a content stack."),
@@ -1290,7 +1320,15 @@ var nonColour = [
   primitive("curve.24", "24px", "Corner radius step."),
   primitive("ease.entrance", "cubic-bezier(0.2, 0, 0, 1)", "Entrance and state-change easing."),
   primitive("ease.overshoot", "cubic-bezier(0.34, 1.56, 0.64, 1)", "Toggle settle easing."),
-  primitive("ease.linear", "linear", "Constant-rate motion: spinners and marquees.")
+  primitive("ease.linear", "linear", "Constant-rate motion: spinners and marquees."),
+  // CR-047: exits accelerate away, large surfaces decelerate hard, and settles follow a sampled spring.
+  primitive("ease.exit", "cubic-bezier(0.4, 0, 1, 1)", "Exit easing: accelerates out of view."),
+  primitive("ease.emphasized", "cubic-bezier(0.05, 0.7, 0.1, 1)", "Emphasized deceleration for large surfaces and hero entrances."),
+  primitive(
+    "ease.spring",
+    "linear(0, 0.075 5%, 0.242 10%, 0.435 15%, 0.616 20%, 0.766 25%, 0.878 30%, 0.967 36%, 1.015 42%, 1.037 50%, 1.033 60%, 1.012 75%, 1)",
+    "Damped spring (ratio 0.72, ~4% overshoot) sampled into linear(); entrances only."
+  )
 ];
 var primitiveTokens = [
   ...ink,

package/dist/contrast-cli.js

@@ -492,7 +492,13 @@ var motion = [
   semantic("motion.fast", "140ms {ease.entrance}", "Colour, background and border transitions."),
   semantic("motion.standard", "240ms {ease.entrance}", "Overlay and page entrance."),
   semantic("motion.bounce", "300ms {ease.overshoot}", "Toggle and switch settle."),
-  semantic("motion.spin", "1000ms {ease.linear}", "One revolution of the indeterminate spinner.")
+  semantic("motion.spin", "1000ms {ease.linear}", "One revolution of the indeterminate spinner."),
+  // CR-047: a press, an exit, a large surface, a spring settle, and the step between staged items.
+  semantic("motion.instant", "90ms {ease.entrance}", "Press feedback and pointer-tracking highlights."),
+  semantic("motion.exit", "160ms {ease.exit}", "Overlay, popover and drawer exits."),
+  semantic("motion.slow", "420ms {ease.emphasized}", "Drawers and other large surfaces entering."),
+  semantic("motion.spring", "520ms {ease.spring}", "Spring settle for dialogs, popovers and checked indicators (entrances only)."),
+  semantic("motion.stagger", "45ms", "Delay step between items of a staged entrance; a duration, never an easing.")
 ];
 var scaleTokens = [
   ...fontSize,
@@ -698,13 +704,17 @@ var overlay = [
   component("overlay.drawerBackground", ref("surface.raised"), "Drawer panel fill."),
   component("overlay.drawerWidth", value("500px"), "Drawer panel width."),
   component("overlay.enter", ref("motion.standard"), "Overlay entrance."),
-  component("overlay.exit", ref("motion.fast"), "Overlay exit.")
+  component("overlay.exit", ref("motion.exit"), "Overlay exit.")
 ];
 var HEADING_MIN_PX = FONT_SIZE_PX.xl * 1.2;
 var HEADING_MAX_PX = FONT_SIZE_PX.xl * 1.6;
 var H2_PX = Math.round(FONT_SIZE_PX.xl * 1.3);
 var H3_PX = Math.round(FONT_SIZE_PX.xl * 1.1);
 var HEADING_LINE_HEIGHT_RATIO = 1.3;
+var DISPLAY_MIN_PX = Math.round(FONT_SIZE_PX.xl * 1.8);
+var DISPLAY_MAX_PX = Math.round(FONT_SIZE_PX.xl * 3.2);
+var LEAD_PX = Math.round(FONT_SIZE_PX.xl * 0.9);
+var LEAD_LINE_HEIGHT_RATIO = 1.5;
 var page = [
   component(
     "page.headingSize",
@@ -736,6 +746,26 @@ var page = [
     value(`${roundHalfUp(H3_PX * HEADING_LINE_HEIGHT_RATIO)}px`),
     "Line height paired with `page.subHeadingSize`, at the 1.30 heading ratio."
   ),
+  component(
+    "page.displaySize",
+    value(`clamp(${DISPLAY_MIN_PX}px, 5.5vw, ${DISPLAY_MAX_PX}px)`),
+    "Display heading for a landing hero, derived from `font.size.xl` (\xD7 1.8 and \xD7 3.2). One step above `page.headingSize`; never a body size (CR-042)."
+  ),
+  component(
+    "page.displayLineHeight",
+    value("1.04"),
+    "Unitless like `page.headingLineHeight`: `clamp()` makes a px value impossible here."
+  ),
+  component(
+    "page.leadSize",
+    value(`${LEAD_PX}px`),
+    "Lead paragraph under a page or hero heading. `font.size.xl` \xD7 0.9; sits between `font.size.lg` and `font.size.xl` (CR-042)."
+  ),
+  component(
+    "page.leadLineHeight",
+    value(`${roundHalfUp(LEAD_PX * LEAD_LINE_HEIGHT_RATIO)}px`),
+    "Line height paired with `page.leadSize`, at the 1.50 body ratio."
+  ),
   component("page.stackGap", ref("space.6"), "Gap between page sections."),
   component("page.stackGapCompact", ref("space.5"), "Section gap below `breakpoint.sm`."),
   component("page.contentStackGap", ref("space.5"), "Gap inside a content stack."),
@@ -1511,7 +1541,15 @@ var nonColour = [
   primitive("curve.24", "24px", "Corner radius step."),
   primitive("ease.entrance", "cubic-bezier(0.2, 0, 0, 1)", "Entrance and state-change easing."),
   primitive("ease.overshoot", "cubic-bezier(0.34, 1.56, 0.64, 1)", "Toggle settle easing."),
-  primitive("ease.linear", "linear", "Constant-rate motion: spinners and marquees.")
+  primitive("ease.linear", "linear", "Constant-rate motion: spinners and marquees."),
+  // CR-047: exits accelerate away, large surfaces decelerate hard, and settles follow a sampled spring.
+  primitive("ease.exit", "cubic-bezier(0.4, 0, 1, 1)", "Exit easing: accelerates out of view."),
+  primitive("ease.emphasized", "cubic-bezier(0.05, 0.7, 0.1, 1)", "Emphasized deceleration for large surfaces and hero entrances."),
+  primitive(
+    "ease.spring",
+    "linear(0, 0.075 5%, 0.242 10%, 0.435 15%, 0.616 20%, 0.766 25%, 0.878 30%, 0.967 36%, 1.015 42%, 1.037 50%, 1.033 60%, 1.012 75%, 1)",
+    "Damped spring (ratio 0.72, ~4% overshoot) sampled into linear(); entrances only."
+  )
 ];
 var primitiveTokens = [
   ...ink,

package/dist/contrast-report.json

@@ -14,7 +14,7 @@
     "checks": 232,
     "passed": 232,
     "failed": 0,
-    "excludedTokens": 232,
+    "excludedTokens": 241,
     "forbiddenPairs": 2
   },
   "results": [
@@ -3396,6 +3396,31 @@
       "usage": "decorative",
       "reason": "One revolution of the indeterminate spinner."
     },
+    {
+      "key": "motion.instant",
+      "usage": "decorative",
+      "reason": "Press feedback and pointer-tracking highlights."
+    },
+    {
+      "key": "motion.exit",
+      "usage": "decorative",
+      "reason": "Overlay, popover and drawer exits."
+    },
+    {
+      "key": "motion.slow",
+      "usage": "decorative",
+      "reason": "Drawers and other large surfaces entering."
+    },
+    {
+      "key": "motion.spring",
+      "usage": "decorative",
+      "reason": "Spring settle for dialogs, popovers and checked indicators (entrances only)."
+    },
+    {
+      "key": "motion.stagger",
+      "usage": "decorative",
+      "reason": "Delay step between items of a staged entrance; a duration, never an easing."
+    },
     {
       "key": "button.minHeight",
       "usage": "decorative",
@@ -4031,6 +4056,26 @@
       "usage": "decorative",
       "reason": "Line height paired with `page.subHeadingSize`, at the 1.30 heading ratio."
     },
+    {
+      "key": "page.displaySize",
+      "usage": "decorative",
+      "reason": "Display heading for a landing hero, derived from `font.size.xl` (× 1.8 and × 3.2). One step above `page.headingSize`; never a body size (CR-042)."
+    },
+    {
+      "key": "page.displayLineHeight",
+      "usage": "decorative",
+      "reason": "Unitless like `page.headingLineHeight`: `clamp()` makes a px value impossible here."
+    },
+    {
+      "key": "page.leadSize",
+      "usage": "decorative",
+      "reason": "Lead paragraph under a page or hero heading. `font.size.xl` × 0.9; sits between `font.size.lg` and `font.size.xl` (CR-042)."
+    },
+    {
+      "key": "page.leadLineHeight",
+      "usage": "decorative",
+      "reason": "Line height paired with `page.leadSize`, at the 1.50 body ratio."
+    },
     {
       "key": "page.stackGap",
       "usage": "decorative",

package/dist/index.js

@@ -169,7 +169,12 @@ var tokens = {
     fast: "var(--cdt-motion-fast)",
     standard: "var(--cdt-motion-standard)",
     bounce: "var(--cdt-motion-bounce)",
-    spin: "var(--cdt-motion-spin)"
+    spin: "var(--cdt-motion-spin)",
+    instant: "var(--cdt-motion-instant)",
+    exit: "var(--cdt-motion-exit)",
+    slow: "var(--cdt-motion-slow)",
+    spring: "var(--cdt-motion-spring)",
+    stagger: "var(--cdt-motion-stagger)"
   },
   button: {
     minHeight: "var(--cdt-button-min-height)",
@@ -380,6 +385,10 @@ var tokens = {
     sectionHeadingLineHeight: "var(--cdt-page-section-heading-line-height)",
     subHeadingSize: "var(--cdt-page-sub-heading-size)",
     subHeadingLineHeight: "var(--cdt-page-sub-heading-line-height)",
+    displaySize: "var(--cdt-page-display-size)",
+    displayLineHeight: "var(--cdt-page-display-line-height)",
+    leadSize: "var(--cdt-page-lead-size)",
+    leadLineHeight: "var(--cdt-page-lead-line-height)",
     stackGap: "var(--cdt-page-stack-gap)",
     stackGapCompact: "var(--cdt-page-stack-gap-compact)",
     contentStackGap: "var(--cdt-page-content-stack-gap)",

package/dist/tokens.css

@@ -145,6 +145,11 @@
   --cdt-motion-standard: 240ms cubic-bezier(0.2, 0, 0, 1);
   --cdt-motion-bounce: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
   --cdt-motion-spin: 1000ms linear;
+  --cdt-motion-instant: 90ms cubic-bezier(0.2, 0, 0, 1);
+  --cdt-motion-exit: 160ms cubic-bezier(0.4, 0, 1, 1);
+  --cdt-motion-slow: 420ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  --cdt-motion-spring: 520ms linear(0, 0.075 5%, 0.242 10%, 0.435 15%, 0.616 20%, 0.766 25%, 0.878 30%, 0.967 36%, 1.015 42%, 1.037 50%, 1.033 60%, 1.012 75%, 1);
+  --cdt-motion-stagger: 45ms;
 
   --cdt-button-min-height: 40px;
   --cdt-button-min-height-compact: 42px;
@@ -302,7 +307,7 @@
   --cdt-overlay-drawer-background: #141d2a;
   --cdt-overlay-drawer-width: 500px;
   --cdt-overlay-enter: 240ms cubic-bezier(0.2, 0, 0, 1);
-  --cdt-overlay-exit: 140ms cubic-bezier(0.2, 0, 0, 1);
+  --cdt-overlay-exit: 160ms cubic-bezier(0.4, 0, 1, 1);
 
   --cdt-page-heading-size: clamp(24px, 3vw, 32px);
   --cdt-page-heading-line-height: 1.16;
@@ -310,6 +315,10 @@
   --cdt-page-section-heading-line-height: 34px;
   --cdt-page-sub-heading-size: 22px;
   --cdt-page-sub-heading-line-height: 29px;
+  --cdt-page-display-size: clamp(36px, 5.5vw, 64px);
+  --cdt-page-display-line-height: 1.04;
+  --cdt-page-lead-size: 18px;
+  --cdt-page-lead-line-height: 27px;
   --cdt-page-stack-gap: 32px;
   --cdt-page-stack-gap-compact: 24px;
   --cdt-page-content-stack-gap: 24px;
@@ -494,6 +503,11 @@
   --cdt-motion-standard: 240ms cubic-bezier(0.2, 0, 0, 1);
   --cdt-motion-bounce: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
   --cdt-motion-spin: 1000ms linear;
+  --cdt-motion-instant: 90ms cubic-bezier(0.2, 0, 0, 1);
+  --cdt-motion-exit: 160ms cubic-bezier(0.4, 0, 1, 1);
+  --cdt-motion-slow: 420ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  --cdt-motion-spring: 520ms linear(0, 0.075 5%, 0.242 10%, 0.435 15%, 0.616 20%, 0.766 25%, 0.878 30%, 0.967 36%, 1.015 42%, 1.037 50%, 1.033 60%, 1.012 75%, 1);
+  --cdt-motion-stagger: 45ms;
 
   --cdt-button-min-height: 40px;
   --cdt-button-min-height-compact: 42px;
@@ -651,7 +665,7 @@
   --cdt-overlay-drawer-background: #fbfcfd;
   --cdt-overlay-drawer-width: 500px;
   --cdt-overlay-enter: 240ms cubic-bezier(0.2, 0, 0, 1);
-  --cdt-overlay-exit: 140ms cubic-bezier(0.2, 0, 0, 1);
+  --cdt-overlay-exit: 160ms cubic-bezier(0.4, 0, 1, 1);
 
   --cdt-page-heading-size: clamp(24px, 3vw, 32px);
   --cdt-page-heading-line-height: 1.16;
@@ -659,6 +673,10 @@
   --cdt-page-section-heading-line-height: 34px;
   --cdt-page-sub-heading-size: 22px;
   --cdt-page-sub-heading-line-height: 29px;
+  --cdt-page-display-size: clamp(36px, 5.5vw, 64px);
+  --cdt-page-display-line-height: 1.04;
+  --cdt-page-lead-size: 18px;
+  --cdt-page-lead-line-height: 27px;
   --cdt-page-stack-gap: 32px;
   --cdt-page-stack-gap-compact: 24px;
   --cdt-page-content-stack-gap: 24px;
@@ -844,6 +862,11 @@
   --cdt-motion-standard: 240ms cubic-bezier(0.2, 0, 0, 1);
   --cdt-motion-bounce: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
   --cdt-motion-spin: 1000ms linear;
+  --cdt-motion-instant: 90ms cubic-bezier(0.2, 0, 0, 1);
+  --cdt-motion-exit: 160ms cubic-bezier(0.4, 0, 1, 1);
+  --cdt-motion-slow: 420ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  --cdt-motion-spring: 520ms linear(0, 0.075 5%, 0.242 10%, 0.435 15%, 0.616 20%, 0.766 25%, 0.878 30%, 0.967 36%, 1.015 42%, 1.037 50%, 1.033 60%, 1.012 75%, 1);
+  --cdt-motion-stagger: 45ms;
 
   --cdt-button-min-height: 40px;
   --cdt-button-min-height-compact: 42px;
@@ -1001,7 +1024,7 @@
   --cdt-overlay-drawer-background: #fbfcfd;
   --cdt-overlay-drawer-width: 500px;
   --cdt-overlay-enter: 240ms cubic-bezier(0.2, 0, 0, 1);
-  --cdt-overlay-exit: 140ms cubic-bezier(0.2, 0, 0, 1);
+  --cdt-overlay-exit: 160ms cubic-bezier(0.4, 0, 1, 1);
 
   --cdt-page-heading-size: clamp(24px, 3vw, 32px);
   --cdt-page-heading-line-height: 1.16;
@@ -1009,6 +1032,10 @@
   --cdt-page-section-heading-line-height: 34px;
   --cdt-page-sub-heading-size: 22px;
   --cdt-page-sub-heading-line-height: 29px;
+  --cdt-page-display-size: clamp(36px, 5.5vw, 64px);
+  --cdt-page-display-line-height: 1.04;
+  --cdt-page-lead-size: 18px;
+  --cdt-page-lead-line-height: 27px;
   --cdt-page-stack-gap: 32px;
   --cdt-page-stack-gap-compact: 24px;
   --cdt-page-content-stack-gap: 24px;

package/dist/tokens.d.ts

@@ -172,6 +172,11 @@ declare const tokens: {
         readonly standard: "var(--cdt-motion-standard)";
         readonly bounce: "var(--cdt-motion-bounce)";
         readonly spin: "var(--cdt-motion-spin)";
+        readonly instant: "var(--cdt-motion-instant)";
+        readonly exit: "var(--cdt-motion-exit)";
+        readonly slow: "var(--cdt-motion-slow)";
+        readonly spring: "var(--cdt-motion-spring)";
+        readonly stagger: "var(--cdt-motion-stagger)";
     };
     readonly button: {
         readonly minHeight: "var(--cdt-button-min-height)";
@@ -382,6 +387,10 @@ declare const tokens: {
         readonly sectionHeadingLineHeight: "var(--cdt-page-section-heading-line-height)";
         readonly subHeadingSize: "var(--cdt-page-sub-heading-size)";
         readonly subHeadingLineHeight: "var(--cdt-page-sub-heading-line-height)";
+        readonly displaySize: "var(--cdt-page-display-size)";
+        readonly displayLineHeight: "var(--cdt-page-display-line-height)";
+        readonly leadSize: "var(--cdt-page-lead-size)";
+        readonly leadLineHeight: "var(--cdt-page-lead-line-height)";
         readonly stackGap: "var(--cdt-page-stack-gap)";
         readonly stackGapCompact: "var(--cdt-page-stack-gap-compact)";
         readonly contentStackGap: "var(--cdt-page-content-stack-gap)";

package/dist/tokens.js

@@ -165,7 +165,12 @@ var tokens = {
     fast: "var(--cdt-motion-fast)",
     standard: "var(--cdt-motion-standard)",
     bounce: "var(--cdt-motion-bounce)",
-    spin: "var(--cdt-motion-spin)"
+    spin: "var(--cdt-motion-spin)",
+    instant: "var(--cdt-motion-instant)",
+    exit: "var(--cdt-motion-exit)",
+    slow: "var(--cdt-motion-slow)",
+    spring: "var(--cdt-motion-spring)",
+    stagger: "var(--cdt-motion-stagger)"
   },
   button: {
     minHeight: "var(--cdt-button-min-height)",
@@ -376,6 +381,10 @@ var tokens = {
     sectionHeadingLineHeight: "var(--cdt-page-section-heading-line-height)",
     subHeadingSize: "var(--cdt-page-sub-heading-size)",
     subHeadingLineHeight: "var(--cdt-page-sub-heading-line-height)",
+    displaySize: "var(--cdt-page-display-size)",
+    displayLineHeight: "var(--cdt-page-display-line-height)",
+    leadSize: "var(--cdt-page-lead-size)",
+    leadLineHeight: "var(--cdt-page-lead-line-height)",
     stackGap: "var(--cdt-page-stack-gap)",
     stackGapCompact: "var(--cdt-page-stack-gap-compact)",
     contentStackGap: "var(--cdt-page-content-stack-gap)",

package/dist/tokens.json

@@ -1357,6 +1357,61 @@
         "light": "1000ms linear"
       }
     },
+    {
+      "key": "motion.instant",
+      "cssName": "--cdt-motion-instant",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Press feedback and pointer-tracking highlights.",
+      "values": {
+        "dark": "90ms cubic-bezier(0.2, 0, 0, 1)",
+        "light": "90ms cubic-bezier(0.2, 0, 0, 1)"
+      }
+    },
+    {
+      "key": "motion.exit",
+      "cssName": "--cdt-motion-exit",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Overlay, popover and drawer exits.",
+      "values": {
+        "dark": "160ms cubic-bezier(0.4, 0, 1, 1)",
+        "light": "160ms cubic-bezier(0.4, 0, 1, 1)"
+      }
+    },
+    {
+      "key": "motion.slow",
+      "cssName": "--cdt-motion-slow",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Drawers and other large surfaces entering.",
+      "values": {
+        "dark": "420ms cubic-bezier(0.05, 0.7, 0.1, 1)",
+        "light": "420ms cubic-bezier(0.05, 0.7, 0.1, 1)"
+      }
+    },
+    {
+      "key": "motion.spring",
+      "cssName": "--cdt-motion-spring",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Spring settle for dialogs, popovers and checked indicators (entrances only).",
+      "values": {
+        "dark": "520ms linear(0, 0.075 5%, 0.242 10%, 0.435 15%, 0.616 20%, 0.766 25%, 0.878 30%, 0.967 36%, 1.015 42%, 1.037 50%, 1.033 60%, 1.012 75%, 1)",
+        "light": "520ms linear(0, 0.075 5%, 0.242 10%, 0.435 15%, 0.616 20%, 0.766 25%, 0.878 30%, 0.967 36%, 1.015 42%, 1.037 50%, 1.033 60%, 1.012 75%, 1)"
+      }
+    },
+    {
+      "key": "motion.stagger",
+      "cssName": "--cdt-motion-stagger",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Delay step between items of a staged entrance; a duration, never an easing.",
+      "values": {
+        "dark": "45ms",
+        "light": "45ms"
+      }
+    },
     {
       "key": "button.minHeight",
       "cssName": "--cdt-button-min-height",
@@ -3053,10 +3108,10 @@
       "tier": "component",
       "usage": "decorative",
       "description": "Overlay exit.",
-      "alias": "motion.fast",
+      "alias": "motion.exit",
       "values": {
-        "dark": "140ms cubic-bezier(0.2, 0, 0, 1)",
-        "light": "140ms cubic-bezier(0.2, 0, 0, 1)"
+        "dark": "160ms cubic-bezier(0.4, 0, 1, 1)",
+        "light": "160ms cubic-bezier(0.4, 0, 1, 1)"
       }
     },
     {
@@ -3125,6 +3180,50 @@
         "light": "29px"
       }
     },
+    {
+      "key": "page.displaySize",
+      "cssName": "--cdt-page-display-size",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Display heading for a landing hero, derived from `font.size.xl` (× 1.8 and × 3.2). One step above `page.headingSize`; never a body size (CR-042).",
+      "values": {
+        "dark": "clamp(36px, 5.5vw, 64px)",
+        "light": "clamp(36px, 5.5vw, 64px)"
+      }
+    },
+    {
+      "key": "page.displayLineHeight",
+      "cssName": "--cdt-page-display-line-height",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Unitless like `page.headingLineHeight`: `clamp()` makes a px value impossible here.",
+      "values": {
+        "dark": "1.04",
+        "light": "1.04"
+      }
+    },
+    {
+      "key": "page.leadSize",
+      "cssName": "--cdt-page-lead-size",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Lead paragraph under a page or hero heading. `font.size.xl` × 0.9; sits between `font.size.lg` and `font.size.xl` (CR-042).",
+      "values": {
+        "dark": "18px",
+        "light": "18px"
+      }
+    },
+    {
+      "key": "page.leadLineHeight",
+      "cssName": "--cdt-page-lead-line-height",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Line height paired with `page.leadSize`, at the 1.50 body ratio.",
+      "values": {
+        "dark": "27px",
+        "light": "27px"
+      }
+    },
     {
       "key": "page.stackGap",
       "cssName": "--cdt-page-stack-gap",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conductor-by-89soone/tokens",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "Theme-aware design tokens and validation CLIs for Conductor.",
   "license": "MIT",
   "homepage": "https://89sooner.github.io/design-system/",