@nurix/etna 0.18.20 → 0.18.22

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

@@ -0,0 +1,958 @@
+{
+  "$description": "Kraken — the operator reading\n[density-tier] rationale: corpus is a clean, trustworthy marketing surface, not a terminal — dense-capable but reads calm; honest standard tier",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "Kraken",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "crypto-exchange",
+        "trading-desk",
+        "fintech",
+        "dashboard"
+      ],
+      "verbosity": "default",
+      "feedback": "subtle",
+      "density-tier": "standard",
+      "lever-manifest": {
+        "spacing-scale": [
+          4,
+          8,
+          12,
+          16,
+          20,
+          24,
+          32,
+          48
+        ],
+        "radius-scale": [
+          3,
+          6,
+          8,
+          10,
+          12,
+          16,
+          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": 12,
+        "unit": "px"
+      },
+      "$description": "corpus: buttons at 12px, repeated as the brand rule (\"12px on all buttons\", \"12px is the max\"); firmly rounded, never a pill"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.3,
+      "$description": "derived: corpus shadows are whisper-level (0.03–0.04 alpha) — near-flat, hairlines carry depth"
+    },
+    "border-weight": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      },
+      "$description": "corpus: outlined button and divider borders at 1px"
+    },
+    "density-gap": {
+      "$type": "number",
+      "$value": 1
+    },
+    "density-inset": {
+      "$type": "number",
+      "$value": 1
+    },
+    "font-sans": {
+      "$type": "fontFamily",
+      "$value": [
+        "IBM Plex Sans",
+        "system-ui",
+        "sans-serif"
+      ],
+      "$description": "corpus: Kraken-Brand/Kraken-Product proprietary → IBM Plex Sans is the corpus's own documented fallback; one sans slot serves both voices",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "IBM Plex Sans, system-ui, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "IBM Plex Mono",
+        "ui-monospace",
+        "monospace"
+      ],
+      "$description": "derived: corpus is silent on a mono; IBM Plex Mono pairs with the Plex sans for the fintech number voice",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "IBM Plex Mono, ui-monospace, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400,
+      "$description": "corpus: body weight 400"
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 600,
+      "$description": "corpus: feature titles 600, buttons 500–600; the display 700 is a marketing hero that stays behind"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": -0.02,
+      "$description": "corpus: display hero -1px (-0.02em), sections -0.5px; the negative tracking is the display signature, carried to operator heading scale",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "-0.02em"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion; functional operator base"
+    },
+    "duration-fast": {
+      "$type": "duration",
+      "$value": {
+        "value": 100,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion"
+    },
+    "duration-normal": {
+      "$type": "duration",
+      "$value": {
+        "value": 150,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion"
+    },
+    "duration-slow": {
+      "$type": "duration",
+      "$value": {
+        "value": 250,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion"
+    },
+    "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: clean marketing-calm brand, not a dense grid; cool hairlines already carry structure"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.75,
+      "$description": "derived: corpus silent on iconography; operator-standard stroke"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "derived: corpus silent; operator standard base control icon"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 248,
+        "unit": "px"
+      },
+      "$description": "derived: corpus is marketing-only (no app shell); operator standard"
+    },
+    "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": 56,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; operator standard top-nav height"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 420,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; operator standard detail width"
+    },
+    "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: corpus has no shell; operator forms cap comfortably"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 44,
+        "unit": "px"
+      },
+      "$description": "derived: rounded, clean fintech read — rows breathe a touch over the dense 40px default (corpus button padding runs tall)"
+    }
+  },
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.06275,
+          0.06667,
+          0.07843
+        ],
+        "hex": "#101114"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#101114"
+        }
+      }
+    },
+    "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.06275,
+          0.06667,
+          0.07843
+        ],
+        "hex": "#101114"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#101114"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.94902,
+          0.94902,
+          0.96078
+        ],
+        "hex": "#f2f2f5"
+      },
+      "$description": "derived: light cool-gray fill from the blue-gray neutral scale",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f2f2f5"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.40784,
+          0.41961,
+          0.5098
+        ],
+        "hex": "#686b82"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#686b82"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87059,
+          0.87059,
+          0.89804
+        ],
+        "hex": "#dedee5"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#dedee5"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87059,
+          0.87059,
+          0.89804
+        ],
+        "hex": "#dedee5"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#dedee5"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.44314,
+          0.19608,
+          0.96078
+        ],
+        "hex": "#7132f5"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#7132f5"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.44314,
+          0.19608,
+          0.96078
+        ],
+        "hex": "#7132f5"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#7132f5"
+        }
+      }
+    },
+    "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.92157,
+          0.89804,
+          0.99608
+        ],
+        "hex": "#ebe5fe"
+      },
+      "$description": "derived: solid equivalent of the corpus's Purple Subtle rgba(133,91,251,0.16) over white",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ebe5fe"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.44314,
+          0.19608,
+          0.96078
+        ],
+        "hex": "#7132f5"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#7132f5"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.81176,
+          0.18039,
+          0.24706
+        ],
+        "hex": "#cf2e3f"
+      },
+      "$description": "derived: corpus documents only a success green — a sell/down/destructive red is derived to pair, tuned cool to match the blue-gray field",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#cf2e3f"
+        }
+      }
+    },
+    "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.07843,
+          0.61961,
+          0.38039
+        ],
+        "hex": "#149e61"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#149e61"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87843,
+          0.54902,
+          0.03922
+        ],
+        "hex": "#e08c0a"
+      },
+      "$description": "derived: corpus documents no caution hue; an amber warning derived to complete the status triad",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e08c0a"
+        }
+      }
+    },
+    "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.06275,
+          0.06667,
+          0.07843
+        ],
+        "hex": "#101114"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#101114"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96471,
+          0.96471,
+          0.97255
+        ],
+        "hex": "#f6f6f8"
+      },
+      "$description": "derived: solid equivalent of the corpus's Secondary Gray rgba(148,151,169,0.08) over white",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f6f6f8"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.06275,
+          0.06667,
+          0.07843
+        ],
+        "hex": "#101114"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#101114"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.44314,
+          0.19608,
+          0.96078
+        ],
+        "hex": "#7132f5"
+      },
+      "$description": "Kraken Purple",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#7132f5"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.07843,
+          0.61961,
+          0.38039
+        ],
+        "hex": "#149e61"
+      },
+      "$description": "positive green",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#149e61"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.81176,
+          0.18039,
+          0.24706
+        ],
+        "hex": "#cf2e3f"
+      },
+      "$description": "derived: the down/sell red",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#cf2e3f"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.34118,
+          0.2549,
+          0.84706
+        ],
+        "hex": "#5741d8"
+      },
+      "$description": "derived: Purple Dark as a second cool series",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#5741d8"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.58039,
+          0.59216,
+          0.66275
+        ],
+        "hex": "#9497a9"
+      },
+      "$description": "derived: silver-blue neutral for a fifth series",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#9497a9"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96863,
+          0.96863,
+          0.97647
+        ],
+        "hex": "#f7f7f9"
+      },
+      "$description": "derived: operator sidebar tinted from the cool-gray neutral (corpus is marketing-only)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f7f7f9"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.06275,
+          0.06667,
+          0.07843
+        ],
+        "hex": "#101114"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#101114"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.44314,
+          0.19608,
+          0.96078
+        ],
+        "hex": "#7132f5"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#7132f5"
+        }
+      }
+    },
+    "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.92157,
+          0.89804,
+          0.99608
+        ],
+        "hex": "#ebe5fe"
+      },
+      "$description": "derived: the purple-wash selection tint",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ebe5fe"
+        }
+      }
+    },
+    "sidebar-accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.44314,
+          0.19608,
+          0.96078
+        ],
+        "hex": "#7132f5"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#7132f5"
+        }
+      }
+    },
+    "sidebar-border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87059,
+          0.87059,
+          0.89804
+        ],
+        "hex": "#dedee5"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#dedee5"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.44314,
+          0.19608,
+          0.96078
+        ],
+        "hex": "#7132f5"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#7132f5"
+        }
+      }
+    }
+  },
+  "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.25,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h2": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 20,
+            "unit": "px"
+          },
+          "lineHeight": 1.3,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "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": 14,
+            "unit": "px"
+          },
+          "lineHeight": 1.45,
+          "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.body}",
+          "fontSize": {
+            "value": 12,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0
+        },
+        "$description": "uppercase eyebrow"
+      }
+    }
+  }
+}