@nurix/etna 0.18.20 → 0.18.22

package/data/harnesses/code/skills/design/data/design-tokens/elevenlabs/design.tokens.json

@@ -0,0 +1,981 @@
+{
+  "$description": "ElevenLabs — editorial voice-AI, warmed to an operator console\n[feedback] rationale: the calm editorial voice wants gentle, present feedback — not austere silence\n[density-tier] rationale: the brand reads unmistakably spacious (print-magazine pacing); the operator honors it rather than cramming",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "ElevenLabs",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "saas",
+        "content-studio",
+        "dashboard",
+        "media-library"
+      ],
+      "verbosity": "default",
+      "feedback": "subtle",
+      "density-tier": "spacious",
+      "lever-manifest": {
+        "spacing-scale": [
+          2,
+          4,
+          8,
+          12,
+          16,
+          20,
+          24,
+          32,
+          48,
+          64
+        ],
+        "radius-scale": [
+          0,
+          4,
+          8,
+          12,
+          16,
+          9999
+        ],
+        "shadow-levels": [
+          "none",
+          "sm",
+          "md"
+        ],
+        "motion": {
+          "durations": [
+            120,
+            200,
+            300
+          ],
+          "easings": [
+            "cubic-bezier(0.4,0,0.2,1)"
+          ]
+        },
+        "icons": {
+          "family": "lucide"
+        },
+        "accent-count": 1
+      }
+    }
+  },
+  "primitive": {
+    "radius": {
+      "$type": "dimension",
+      "$value": {
+        "value": 8,
+        "unit": "px"
+      },
+      "$description": "corpus: inputs at rounded.md (8px); scale offers 12px cards, 16px feature cards, pill for the CTA"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.25,
+      "$description": "corpus: a single soft-drop tier at 0.04 alpha — barely there; operator lifts only true overlays"
+    },
+    "border-weight": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      }
+    },
+    "density-gap": {
+      "$type": "number",
+      "$value": 1.1,
+      "$description": "rationale: brand is spacious editorial (96px section rhythm, generous pacing); the operator holds an airier gap"
+    },
+    "density-inset": {
+      "$type": "number",
+      "$value": 1.1,
+      "$description": "rationale: matches the spacious tier — component insets breathe"
+    },
+    "font-sans": {
+      "$type": "fontFamily",
+      "$value": [
+        "Inter",
+        "system-ui",
+        "sans-serif"
+      ],
+      "$description": "corpus: Inter carries all body, nav, captions, buttons",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Inter, system-ui, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "JetBrains Mono",
+        "ui-monospace",
+        "monospace"
+      ],
+      "$description": "derived: corpus has no mono; a clean neutral mono for IDs, codes, timestamps",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "JetBrains Mono, ui-monospace, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400,
+      "$description": "corpus: Inter body at 400"
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 500,
+      "$description": "corpus: titles/body-strong/buttons at 500; the brand caps emphasis at 500 (600 only on the uppercase eyebrow)"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": -0.01,
+      "$description": "corpus: Waldenburg display tracks ~-0.01em at 28-36px",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "-0.01em"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus declares motion out of scope; operator-standard base"
+    },
+    "duration-fast": {
+      "$type": "duration",
+      "$value": {
+        "value": 120,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion; a calm editorial fast step"
+    },
+    "duration-normal": {
+      "$type": "duration",
+      "$value": {
+        "value": 200,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion; an unhurried editorial transition"
+    },
+    "duration-slow": {
+      "$type": "duration",
+      "$value": {
+        "value": 300,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion; the slow step for overlays"
+    },
+    "ease-default": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.4,
+        0,
+        0.2,
+        1
+      ],
+      "$description": "derived: corpus silent; standard operator ease",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "cubic-bezier(0.4,0,0.2,1)"
+        }
+      }
+    },
+    "contrast-boost": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: warm hairlines are intentional and the surfaces spacious; no dense-grid boost"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.5,
+      "$description": "derived: the brand's light editorial weight (display 300) calls for a thin stroke under lucide's default 2"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "derived: corpus silent; operator standard"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 256,
+        "unit": "px"
+      },
+      "$description": "derived: corpus is top-nav only; the spacious posture takes a roomy rail"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; operator standard icon rail"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 64,
+        "unit": "px"
+      },
+      "$description": "corpus: top-nav height 64px — kept; the spacious posture honors it"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 440,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; spacious nudge over the dense default"
+    },
+    "side-panel-width-rich": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; content-heavy detail width"
+    },
+    "modal-width-max": {
+      "$type": "dimension",
+      "$value": {
+        "value": 560,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; confirmations only"
+    },
+    "form-max-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: the editorial single-column reading caps forms comfortably"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 48,
+        "unit": "px"
+      },
+      "$description": "rationale: spacious tier; the brand's 44px inputs and airy rows breathe over the dense 40px default"
+    }
+  },
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96078,
+          0.96078,
+          0.96078
+        ],
+        "hex": "#f5f5f5"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f5f5f5"
+        }
+      }
+    },
+    "foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.04706,
+          0.03922,
+          0.03529
+        ],
+        "hex": "#0c0a09"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0c0a09"
+        }
+      }
+    },
+    "card": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "card-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.04706,
+          0.03922,
+          0.03529
+        ],
+        "hex": "#0c0a09"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0c0a09"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.94118,
+          0.93725,
+          0.92941
+        ],
+        "hex": "#f0efed"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f0efed"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.46667,
+          0.44314,
+          0.41176
+        ],
+        "hex": "#777169"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#777169"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.90588,
+          0.89804,
+          0.89412
+        ],
+        "hex": "#e7e5e4"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e7e5e4"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.83922,
+          0.82745,
+          0.81961
+        ],
+        "hex": "#d6d3d1"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#d6d3d1"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.04706,
+          0.03922,
+          0.03529
+        ],
+        "hex": "#0c0a09"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0c0a09"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16078,
+          0.1451,
+          0.14118
+        ],
+        "hex": "#292524"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#292524"
+        }
+      }
+    },
+    "primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.91765,
+          0.90588,
+          0.8902
+        ],
+        "hex": "#eae7e3"
+      },
+      "$description": "derived: warm selection tint, one step deeper than muted so selection reads distinct from hover",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#eae7e3"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16078,
+          0.1451,
+          0.14118
+        ],
+        "hex": "#292524"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#292524"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.86275,
+          0.14902,
+          0.14902
+        ],
+        "hex": "#dc2626"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#dc2626"
+        }
+      }
+    },
+    "destructive-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$description": "derived: white on the red",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.08627,
+          0.63922,
+          0.2902
+        ],
+        "hex": "#16a34a"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#16a34a"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.85098,
+          0.46667,
+          0.02353
+        ],
+        "hex": "#d97706"
+      },
+      "$description": "derived: corpus has no warning; a warm amber that sits in the stone family",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#d97706"
+        }
+      }
+    },
+    "popover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "popover-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.04706,
+          0.03922,
+          0.03529
+        ],
+        "hex": "#0c0a09"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0c0a09"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.94118,
+          0.93725,
+          0.92941
+        ],
+        "hex": "#f0efed"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f0efed"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16078,
+          0.1451,
+          0.14118
+        ],
+        "hex": "#292524"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#292524"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.6549,
+          0.89804,
+          0.82745
+        ],
+        "hex": "#a7e5d3"
+      },
+      "$description": "corpus: gradient-mint — the atmospheric orbs become the data-viz series",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#a7e5d3"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.65882,
+          0.78431,
+          0.9098
+        ],
+        "hex": "#a8c8e8"
+      },
+      "$description": "corpus: gradient-sky",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#a8c8e8"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.78431,
+          0.72157,
+          0.87843
+        ],
+        "hex": "#c8b8e0"
+      },
+      "$description": "corpus: gradient-lavender",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#c8b8e0"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.95686,
+          0.77255,
+          0.65882
+        ],
+        "hex": "#f4c5a8"
+      },
+      "$description": "corpus: gradient-peach",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f4c5a8"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9098,
+          0.72157,
+          0.76863
+        ],
+        "hex": "#e8b8c4"
+      },
+      "$description": "corpus: gradient-rose",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e8b8c4"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.94118,
+          0.93725,
+          0.92941
+        ],
+        "hex": "#f0efed"
+      },
+      "$description": "derived: warm rail one step deeper than the canvas",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f0efed"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16078,
+          0.1451,
+          0.14118
+        ],
+        "hex": "#292524"
+      },
+      "$description": "derived: body-strong ink on the warm rail",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#292524"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16078,
+          0.1451,
+          0.14118
+        ],
+        "hex": "#292524"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#292524"
+        }
+      }
+    },
+    "sidebar-primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "sidebar-accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.90588,
+          0.89804,
+          0.89412
+        ],
+        "hex": "#e7e5e4"
+      },
+      "$description": "derived: hover/selected nav tint = the hairline stone",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e7e5e4"
+        }
+      }
+    },
+    "sidebar-accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.04706,
+          0.03922,
+          0.03529
+        ],
+        "hex": "#0c0a09"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0c0a09"
+        }
+      }
+    },
+    "sidebar-border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.90588,
+          0.89804,
+          0.89412
+        ],
+        "hex": "#e7e5e4"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e7e5e4"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.04706,
+          0.03922,
+          0.03529
+        ],
+        "hex": "#0c0a09"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0c0a09"
+        }
+      }
+    }
+  },
+  "typography": {
+    "family": {
+      "heading": {
+        "$type": "fontFamily",
+        "$value": "{primitive.font-sans}",
+        "$description": "source §3 pairs a serif display family for h1/h2; its stack is prose-carried (the agent applies it by hand) — aliased to font-sans mechanically"
+      },
+      "body": {
+        "$type": "fontFamily",
+        "$value": "{primitive.font-sans}"
+      },
+      "mono": {
+        "$type": "fontFamily",
+        "$value": "{primitive.font-mono}"
+      }
+    },
+    "ramp": {
+      "h1": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 28,
+            "unit": "px"
+          },
+          "lineHeight": 1.15,
+          "fontWeight": 300,
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h2": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 22,
+            "unit": "px"
+          },
+          "lineHeight": 1.2,
+          "fontWeight": 300,
+          "letterSpacing": -0.01
+        },
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "-0.01em"
+            }
+          }
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 16,
+            "unit": "px"
+          },
+          "lineHeight": 1.35,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0
+        }
+      },
+      "body": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 15,
+            "unit": "px"
+          },
+          "lineHeight": 1.5,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0.01
+        },
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.01em"
+            }
+          }
+        }
+      },
+      "small": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 13,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0
+        }
+      },
+      "caption": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 12,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "fontWeight": 600,
+          "letterSpacing": 0.08
+        },
+        "$description": "uppercase eyebrow",
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.08em"
+            }
+          }
+        }
+      }
+    }
+  }
+}