@nurix/etna 0.18.20 → 0.18.22

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

@@ -0,0 +1,960 @@
+{
+  "$description": "OpenCode — the terminal-native monospace operator design\n[verbosity] derived: manpage-terse brand voice\n[feedback] derived: austere, flat, near-motionless system\n[density-tier] derived: terminal-native brand reads dense",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "OpenCode",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "dev-tools",
+        "terminal",
+        "cli",
+        "ai-agent"
+      ],
+      "verbosity": "compact",
+      "feedback": "minimal",
+      "density-tier": "dense",
+      "lever-manifest": {
+        "spacing-scale": [
+          1,
+          4,
+          8,
+          12,
+          16,
+          24,
+          32,
+          48
+        ],
+        "radius-scale": [
+          0,
+          4,
+          9999
+        ],
+        "shadow-levels": [
+          "none",
+          "sm",
+          "md"
+        ],
+        "motion": {
+          "durations": [
+            100,
+            150,
+            200
+          ],
+          "easings": [
+            "cubic-bezier(0.4,0,0.2,1)"
+          ]
+        },
+        "icons": {
+          "family": "lucide"
+        },
+        "accent-count": 1
+      }
+    }
+  },
+  "primitive": {
+    "radius": {
+      "$type": "dimension",
+      "$value": {
+        "value": 4,
+        "unit": "px"
+      },
+      "$description": "source: the single interactive radius (rounded.sm); containers stay sharp at 0"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.1,
+      "$description": "derived: source is categorically flat (no drop shadows, \"nothing floats\"); only a true overlay earns the faintest whisper"
+    },
+    "border-weight": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      },
+      "$description": "source: 1px hairlines carry all separation"
+    },
+    "density-gap": {
+      "$type": "number",
+      "$value": 0.85,
+      "$description": "derived: terminal-native brand reads dense; tighten the base gap"
+    },
+    "density-inset": {
+      "$type": "number",
+      "$value": 0.85,
+      "$description": "derived: matches the dense gap on component insets"
+    },
+    "font-sans": {
+      "$type": "fontFamily",
+      "$value": [
+        "JetBrains Mono",
+        "ui-monospace",
+        "SFMono-Regular",
+        "Menlo",
+        "monospace"
+      ],
+      "$description": "derived: source is monospace-everywhere (Berkeley Mono, proprietary); JetBrains Mono is the documented open substitute — the sans slot carries the mono voice too",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, monospace"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "JetBrains Mono",
+        "ui-monospace",
+        "SFMono-Regular",
+        "Menlo",
+        "monospace"
+      ],
+      "$description": "source: one monospaced face for the whole system",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400,
+      "$description": "source: body-md is 400"
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 700,
+      "$description": "source: headings and display sit at 700 (500 is the medium step)"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": 0,
+      "$description": "source: letter-spacing is 0 on every role — monospace does not track",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "0"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus documents no motion; operator-standard 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": 200,
+        "unit": "ms"
+      },
+      "$description": "derived: snappy, near-instant to match the austere terminal character"
+    },
+    "ease-default": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.4,
+        0,
+        0.2,
+        1
+      ],
+      "$description": "derived: corpus silent on easing; 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 source's hairline is deliberately faint; hold default rather than thicken the grid"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 2,
+      "$description": "derived: the source's icon system is bold ASCII bracket markers; for lucide, a full 2px stroke matches that blocky terminal character"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "source: the body/glyph grid is 16px"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 248,
+        "unit": "px"
+      },
+      "$description": "derived: marketing source has no app shell; operator-standard rail"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: standard operator icon rail"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "source: primary-nav height ~56px"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 420,
+        "unit": "px"
+      },
+      "$description": "derived: source has no shell; standard operator detail panel"
+    },
+    "side-panel-width-rich": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: content-heavy detail width"
+    },
+    "modal-width-max": {
+      "$type": "dimension",
+      "$value": {
+        "value": 480,
+        "unit": "px"
+      },
+      "$description": "derived: source favored narrow ~480px columns; kept tight for the austere brand"
+    },
+    "form-max-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 560,
+        "unit": "px"
+      },
+      "$description": "derived: source marketing form column ~480px, widened modestly for operator field density"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 36,
+        "unit": "px"
+      },
+      "$description": "derived: dense terminal brand; tighter than the 40px default (source rows sit ~32–36px)"
+    }
+  },
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.99216,
+          0.98824,
+          0.98824
+        ],
+        "hex": "#fdfcfc"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fdfcfc"
+        }
+      }
+    },
+    "foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12549,
+          0.11373,
+          0.11373
+        ],
+        "hex": "#201d1d"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#201d1d"
+        }
+      }
+    },
+    "card": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.99216,
+          0.98824,
+          0.98824
+        ],
+        "hex": "#fdfcfc"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fdfcfc"
+        }
+      }
+    },
+    "card-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12549,
+          0.11373,
+          0.11373
+        ],
+        "hex": "#201d1d"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#201d1d"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.97255,
+          0.96863,
+          0.96863
+        ],
+        "hex": "#f8f7f7"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f8f7f7"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.39216,
+          0.38431,
+          0.38431
+        ],
+        "hex": "#646262"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#646262"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87843,
+          0.86667,
+          0.86667
+        ],
+        "hex": "#e0dddd"
+      },
+      "$description": "derived: solid equivalent of the source's translucent hairline rgba(15,0,0,0.12) flattened over the cream canvas",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e0dddd"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87843,
+          0.86667,
+          0.86667
+        ],
+        "hex": "#e0dddd"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e0dddd"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12549,
+          0.11373,
+          0.11373
+        ],
+        "hex": "#201d1d"
+      },
+      "$description": "source: the focus signal is a flat ink border, no halo (ring == primary)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#201d1d"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12549,
+          0.11373,
+          0.11373
+        ],
+        "hex": "#201d1d"
+      },
+      "$description": "source: the CTA fill is near-black ink, not a color",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#201d1d"
+        }
+      }
+    },
+    "primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.99216,
+          0.98824,
+          0.98824
+        ],
+        "hex": "#fdfcfc"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fdfcfc"
+        }
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9451,
+          0.93333,
+          0.93333
+        ],
+        "hex": "#f1eeee"
+      },
+      "$description": "source: surface-card, the warm selected/hover surface — never blue",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f1eeee"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12549,
+          0.11373,
+          0.11373
+        ],
+        "hex": "#201d1d"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#201d1d"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.23137,
+          0.18824
+        ],
+        "hex": "#ff3b30"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff3b30"
+        }
+      }
+    },
+    "destructive-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.99216,
+          0.98824,
+          0.98824
+        ],
+        "hex": "#fdfcfc"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fdfcfc"
+        }
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.18824,
+          0.81961,
+          0.3451
+        ],
+        "hex": "#30d158"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#30d158"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.62353,
+          0.03922
+        ],
+        "hex": "#ff9f0a"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff9f0a"
+        }
+      }
+    },
+    "popover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.99216,
+          0.98824,
+          0.98824
+        ],
+        "hex": "#fdfcfc"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fdfcfc"
+        }
+      }
+    },
+    "popover-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12549,
+          0.11373,
+          0.11373
+        ],
+        "hex": "#201d1d"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#201d1d"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.97255,
+          0.96863,
+          0.96863
+        ],
+        "hex": "#f8f7f7"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f8f7f7"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12549,
+          0.11373,
+          0.11373
+        ],
+        "hex": "#201d1d"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#201d1d"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.47843,
+          1
+        ],
+        "hex": "#007aff"
+      },
+      "$description": "source: Apple Blue — the one chromatic accent, carrying the primary chart series",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#007aff"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.18824,
+          0.81961,
+          0.3451
+        ],
+        "hex": "#30d158"
+      },
+      "$description": "source: Apple green",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#30d158"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.62353,
+          0.03922
+        ],
+        "hex": "#ff9f0a"
+      },
+      "$description": "source: Apple amber",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff9f0a"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.23137,
+          0.18824
+        ],
+        "hex": "#ff3b30"
+      },
+      "$description": "source: Apple red",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff3b30"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.3451,
+          0.33725,
+          0.83922
+        ],
+        "hex": "#5856d6"
+      },
+      "$description": "derived: Apple HIG system indigo to complete a 5-hue categorical set (source ships only 4 semantic hues)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#5856d6"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.97255,
+          0.96863,
+          0.96863
+        ],
+        "hex": "#f8f7f7"
+      },
+      "$description": "derived: barely-warmer step to seat the nav rail; the source forbids heavy gray bands, so kept to the softest surface",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f8f7f7"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12549,
+          0.11373,
+          0.11373
+        ],
+        "hex": "#201d1d"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#201d1d"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.47843,
+          1
+        ],
+        "hex": "#007aff"
+      },
+      "$description": "derived: the active-nav indicator is the one place blue enters persistent chrome (source reserves blue for in-product active/interactive)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#007aff"
+        }
+      }
+    },
+    "sidebar-primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.99216,
+          0.98824,
+          0.98824
+        ],
+        "hex": "#fdfcfc"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fdfcfc"
+        }
+      }
+    },
+    "sidebar-accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9451,
+          0.93333,
+          0.93333
+        ],
+        "hex": "#f1eeee"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f1eeee"
+        }
+      }
+    },
+    "sidebar-accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12549,
+          0.11373,
+          0.11373
+        ],
+        "hex": "#201d1d"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#201d1d"
+        }
+      }
+    },
+    "sidebar-border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87843,
+          0.86667,
+          0.86667
+        ],
+        "hex": "#e0dddd"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e0dddd"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12549,
+          0.11373,
+          0.11373
+        ],
+        "hex": "#201d1d"
+      },
+      "$description": "derived: focus in the rail matches the ink ring",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#201d1d"
+        }
+      }
+    }
+  },
+  "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.4,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h2": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 18,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 16,
+            "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.body}",
+          "fontSize": {
+            "value": 12,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "fontWeight": 500,
+          "letterSpacing": 0
+        },
+        "$description": "footer, badge, eyebrow"
+      }
+    }
+  }
+}