@nurix/etna 0.18.20 → 0.18.22

package/data/harnesses/code/skills/design/data/design-tokens/x-ai/design.tokens.json

@@ -0,0 +1,988 @@
+{
+  "$description": "xAI — the engineered-cosmic monochrome operator design\n[feedback] derived: xAI's austere engineered restraint → crisp minimal feedback (no press-scale, 1px ring); the high-chroma sunset ring keeps focus visible\n[density-tier] derived: a marketing-spacious brand read down to an honest engineered operator tier; archetypes step denser",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "xAI",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "ai-console",
+        "agent-ops",
+        "model-ops",
+        "dashboard",
+        "dev-tools"
+      ],
+      "verbosity": "default",
+      "feedback": "minimal",
+      "density-tier": "standard",
+      "lever-manifest": {
+        "spacing-scale": [
+          2,
+          4,
+          8,
+          12,
+          16,
+          24,
+          32,
+          48,
+          64
+        ],
+        "radius-scale": [
+          0,
+          4,
+          8,
+          12,
+          9999
+        ],
+        "shadow-levels": [
+          "none",
+          "sm",
+          "md"
+        ],
+        "motion": {
+          "durations": [
+            100,
+            150,
+            250
+          ],
+          "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: cards/inputs at rounded.sm (8px, the brand's --radius); buttons/chips/badges reach the pill"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.1,
+      "$description": "corpus: the brand uses NO shadows (\"hairline borders carry all elevation\"); only true overlays earn the faintest lift"
+    },
+    "border-weight": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      },
+      "$description": "corpus: 1px hairlines carry all depth"
+    },
+    "density-gap": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: marketing-spacious brand read to an honest, engineered-tight operator standard"
+    },
+    "density-inset": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: matches density-gap for coherent component insets"
+    },
+    "font-sans": {
+      "$type": "fontFamily",
+      "$value": [
+        "Universal Sans",
+        "Inter",
+        "system-ui",
+        "-apple-system",
+        "sans-serif"
+      ],
+      "$description": "corpus: Universal Sans is the proprietary geometric face; Inter is the documented open substitute",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Universal Sans, Inter, system-ui, -apple-system, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "Geist Mono",
+        "ui-monospace",
+        "SFMono-Regular",
+        "Menlo",
+        "monospace"
+      ],
+      "$description": "corpus: GeistMono for eyebrows, labels, metric counters, and code",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Geist Mono, ui-monospace, SFMono-Regular, Menlo, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400,
+      "$description": "corpus: weight 400 for everything — the brand never bolds; negative tracking + size do the emphasis"
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 500,
+      "$description": "derived: the display holds 400 (never bold); operator legibility earns a restrained 500 for component heads and labels only"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": -0.03,
+      "$description": "corpus: the gathered negative tracking is the signature (-2.4px at hero 96px); -0.03em keeps the precise gathered look at operator heading scale",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "-0.03em"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion (marketing surface); engineered character favors a crisp functional base"
+    },
+    "duration-fast": {
+      "$type": "duration",
+      "$value": {
+        "value": 100,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion; crisp functional tempo"
+    },
+    "duration-normal": {
+      "$type": "duration",
+      "$value": {
+        "value": 150,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion; standard functional tempo"
+    },
+    "duration-slow": {
+      "$type": "duration",
+      "$value": {
+        "value": 250,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion; overlay / panel transition"
+    },
+    "ease-default": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.4,
+        0,
+        0.2,
+        1
+      ],
+      "$description": "derived: corpus silent; standard functional ease",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "cubic-bezier(0.4,0,0.2,1)"
+        }
+      }
+    },
+    "contrast-boost": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: the cool hairlines are intentional engineered calm; no boost"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.5,
+      "$description": "derived: corpus silent on icons; a light refined stroke suits the precise engineered feel"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "derived: corpus silent on icon size; operator standard"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 240,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no app shell (marketing top-nav only); engineered-tight rail"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: standard operator icon rail"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 52,
+        "unit": "px"
+      },
+      "$description": "corpus: lean nav (md/xl padding, body-sm); operator lands at 52px"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 420,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; engineered-standard detail width"
+    },
+    "side-panel-width-rich": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: content-heavy detail panel"
+    },
+    "modal-width-max": {
+      "$type": "dimension",
+      "$value": {
+        "value": 560,
+        "unit": "px"
+      },
+      "$description": "derived: corpus's bands are full-bleed marketing; operator confirmation cap"
+    },
+    "form-max-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: corpus content centres ~1200px (marketing); operator single-column form cap"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 40,
+        "unit": "px"
+      },
+      "$description": "derived: engineered-dense standard; not editorial-loose"
+    }
+  },
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.98431,
+          0.98431,
+          0.98824
+        ],
+        "hex": "#fbfbfc"
+      },
+      "$description": "derived: cool near-white page floor (light inversion of the #0a0a0a canvas; engineered-cool temperature)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fbfbfc"
+        }
+      }
+    },
+    "foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.03922,
+          0.03922,
+          0.03922
+        ],
+        "hex": "#0a0a0a"
+      },
+      "$description": "corpus: xAI's signature near-black, carried as operator ink (brand override of a near-pure-black ban)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0a0a0a"
+        }
+      }
+    },
+    "card": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$description": "derived: pure white bright step off the near-white, inverting the dark canvas→card ladder",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "card-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.03922,
+          0.03922,
+          0.03922
+        ],
+        "hex": "#0a0a0a"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0a0a0a"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.94902,
+          0.95294,
+          0.96078
+        ],
+        "hex": "#f2f3f5"
+      },
+      "$description": "derived: cool light fill (the light-surface analog of canvas-soft's quiet-fill role)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f2f3f5"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.4902,
+          0.50588,
+          0.52941
+        ],
+        "hex": "#7d8187"
+      },
+      "$description": "corpus: the brand's body-mid / mute cool gray",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#7d8187"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.90196,
+          0.90588,
+          0.91765
+        ],
+        "hex": "#e6e7ea"
+      },
+      "$description": "derived: cool hairline (light inversion of the #212327 dark hairline)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e6e7ea"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.90196,
+          0.90588,
+          0.91765
+        ],
+        "hex": "#e6e7ea"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e6e7ea"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.47843,
+          0.0902
+        ],
+        "hex": "#ff7a17"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff7a17"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.47843,
+          0.0902
+        ],
+        "hex": "#ff7a17"
+      },
+      "$description": "corpus: sunset orange — xAI's one brand chroma, promoted to the single operator accent",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff7a17"
+        }
+      }
+    },
+    "primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.03922,
+          0.03922,
+          0.03922
+        ],
+        "hex": "#0a0a0a"
+      },
+      "$description": "corpus: near-black on the bright sunset (the brand's on-primary), legible where white would fail",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0a0a0a"
+        }
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.92549,
+          0.93333,
+          0.9451
+        ],
+        "hex": "#eceef1"
+      },
+      "$description": "derived: cool selection lift one step past muted, so selection reads over hover; never orange",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#eceef1"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.03922,
+          0.03922,
+          0.03922
+        ],
+        "hex": "#0a0a0a"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0a0a0a"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.89804,
+          0.28235,
+          0.30196
+        ],
+        "hex": "#e5484d"
+      },
+      "$description": "derived: corpus surfaces no semantic palette; a clean red for destructive / error",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e5484d"
+        }
+      }
+    },
+    "destructive-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.18824,
+          0.64314,
+          0.42353
+        ],
+        "hex": "#30a46c"
+      },
+      "$description": "derived: corpus has no success hue; a clean green for status",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#30a46c"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.85098,
+          0.56863,
+          0.14902
+        ],
+        "hex": "#d99126"
+      },
+      "$description": "derived: corpus has no warning hue; an amber-gold held distinct from the sunset primary",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#d99126"
+        }
+      }
+    },
+    "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.03922,
+          0.03922,
+          0.03922
+        ],
+        "hex": "#0a0a0a"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0a0a0a"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.94902,
+          0.95294,
+          0.96078
+        ],
+        "hex": "#f2f3f5"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f2f3f5"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.03922,
+          0.03922,
+          0.03922
+        ],
+        "hex": "#0a0a0a"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0a0a0a"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.47843,
+          0.0902
+        ],
+        "hex": "#ff7a17"
+      },
+      "$description": "corpus: sunset — the brand accent palette carries the chart series",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff7a17"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.48627,
+          0.22745,
+          0.92941
+        ],
+        "hex": "#7c3aed"
+      },
+      "$description": "corpus: dusk purple",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#7c3aed"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.62745,
+          0.76471,
+          0.92549
+        ],
+        "hex": "#a0c3ec"
+      },
+      "$description": "corpus: breeze blue",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#a0c3ec"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.76863,
+          0.7098,
+          0.99216
+        ],
+        "hex": "#c4b5fd"
+      },
+      "$description": "corpus: twilight violet",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#c4b5fd"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.05098,
+          0.0902,
+          0.14902
+        ],
+        "hex": "#0d1726"
+      },
+      "$description": "corpus: midnight — the deep cosmic anchor",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0d1726"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.03922,
+          0.03922,
+          0.03922
+        ],
+        "hex": "#0a0a0a"
+      },
+      "$description": "corpus: the cosmic near-black canvas, carried as the operator sidebar rail (the white-on-near-black soul as chrome)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0a0a0a"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8549,
+          0.85882,
+          0.87451
+        ],
+        "hex": "#dadbdf"
+      },
+      "$description": "corpus: xAI body text on dark",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#dadbdf"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.47843,
+          0.0902
+        ],
+        "hex": "#ff7a17"
+      },
+      "$description": "corpus: sunset accent for the active-nav indicator on the dark rail",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff7a17"
+        }
+      }
+    },
+    "sidebar-primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.03922,
+          0.03922,
+          0.03922
+        ],
+        "hex": "#0a0a0a"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0a0a0a"
+        }
+      }
+    },
+    "sidebar-accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.10196,
+          0.1098,
+          0.12549
+        ],
+        "hex": "#1a1c20"
+      },
+      "$description": "corpus: canvas-soft — hovered / selected nav on the dark rail",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1a1c20"
+        }
+      }
+    },
+    "sidebar-accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "sidebar-border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12941,
+          0.13725,
+          0.15294
+        ],
+        "hex": "#212327"
+      },
+      "$description": "corpus: the brand's dark hairline",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#212327"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.47843,
+          0.0902
+        ],
+        "hex": "#ff7a17"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff7a17"
+        }
+      }
+    }
+  },
+  "typography": {
+    "family": {
+      "heading": {
+        "$type": "fontFamily",
+        "$value": "{primitive.font-sans}"
+      },
+      "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": 24,
+            "unit": "px"
+          },
+          "lineHeight": 1.2,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h2": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 19,
+            "unit": "px"
+          },
+          "lineHeight": 1.3,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": -0.02
+        },
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "-0.02em"
+            }
+          }
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 15,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0
+        }
+      },
+      "body": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 14,
+            "unit": "px"
+          },
+          "lineHeight": 1.5,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0
+        }
+      },
+      "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.mono}",
+          "fontSize": {
+            "value": 12,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "fontWeight": 400,
+          "letterSpacing": 0.12
+        },
+        "$description": "uppercase mono label",
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.12em"
+            }
+          }
+        }
+      }
+    }
+  }
+}