@nurix/etna 0.18.20 → 0.18.22

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

@@ -0,0 +1,968 @@
+{
+  "$description": "Wired — the print-editorial, black-on-white operator reading\n[verbosity] derived: the brand's minimalism is typographic, not label-hiding; keep operator labels present\n[feedback] rationale: subtle keeps the 2px ring — which here IS the brand's heavy black border — the keyboard-first austerity still wants unmistakable\n[density-tier] rationale: an editorial magazine read down to an honest operator tier; breathing carried by type, not widened rows\n[radius-scale] corpus: only 0 (everything) and 9999 (circular icon container) — the strict square scale enforces the no-round-corners rule",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "Wired",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "cms",
+        "editorial",
+        "content-ops",
+        "dashboard",
+        "admin"
+      ],
+      "verbosity": "default",
+      "feedback": "subtle",
+      "density-tier": "standard",
+      "lever-manifest": {
+        "spacing-scale": [
+          2,
+          4,
+          8,
+          12,
+          16,
+          20,
+          24,
+          32,
+          48
+        ],
+        "radius-scale": [
+          0,
+          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": 0,
+        "unit": "px"
+      },
+      "$description": "corpus: rounded.none 0px on every interactive shape — the brand's square-geometry signature"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0,
+      "$description": "corpus: the brand uses no drop-shadows; hairlines and the 2px black border carry all elevation"
+    },
+    "border-weight": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      },
+      "$description": "corpus: 1px hairline dividers and input borders (the 2px black border is the special standout case)"
+    },
+    "density-gap": {
+      "$type": "number",
+      "$value": 1
+    },
+    "density-inset": {
+      "$type": "number",
+      "$value": 1
+    },
+    "font-sans": {
+      "$type": "fontFamily",
+      "$value": [
+        "Apercu",
+        "Inter",
+        "Helvetica Neue",
+        "Helvetica",
+        "Arial",
+        "sans-serif"
+      ],
+      "$description": "corpus: Apercu is the sans for nav/labels/buttons/metadata; Inter the open substitute",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Apercu, Inter, Helvetica Neue, Helvetica, Arial, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "IBM Plex Mono",
+        "ui-monospace",
+        "SFMono-Regular",
+        "monospace"
+      ],
+      "$description": "derived: corpus ships no mono; IBM Plex Mono's editorial grotesque suits the austere modern voice",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "IBM Plex Mono, ui-monospace, SFMono-Regular, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400,
+      "$description": "corpus: body/Apercu regular is 400"
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 700,
+      "$description": "corpus: Apercu emphasis is 700 (buttons, nav-strong, body-strong) — a two-weight 400/700 sans; the serif heading holds 400"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": -0.01,
+      "$description": "corpus: WiredDisplay tracks negative (-0.5px@64 down to -0.3px@32); at operator heading sizes that lands near -0.01em",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "-0.01em"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion; operator-standard functional 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; a print-restrained brand keeps motion minimal"
+    },
+    "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: stark black-on-white is already maximal text contrast; the faint hairline is intentional, no boost"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.75,
+      "$description": "derived: refined operator stroke, one step under lucide's 2, to sit with the high-contrast type"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "derived: corpus silent; operator standard against 14-17px body"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 248,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; operator-standard editorial rail"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; standard icon rail"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 52,
+        "unit": "px"
+      },
+      "$description": "derived: corpus masthead is a thin band; the operator topbar stays lean"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 420,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; operator standard"
+    },
+    "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: Wired's narrow single-column forms cap comfortably here"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 40,
+        "unit": "px"
+      },
+      "$description": "derived: corpus data-table cell has 12px vertical padding at standard density → 40px rows"
+    }
+  },
+  "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,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$description": "brand override: pure black ink is intentional (the printed-page duet), not the usual near-black",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "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,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96078,
+          0.96078,
+          0.96078
+        ],
+        "hex": "#f5f5f5"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f5f5f5"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.45882,
+          0.45882,
+          0.45882
+        ],
+        "hex": "#757575"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#757575"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87843,
+          0.87843,
+          0.87843
+        ],
+        "hex": "#e0e0e0"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e0e0e0"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$description": "corpus: text-input border is ink black — the square black-bordered field",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$description": "corpus: black is the heavy-border / standout treatment; the focus ring reuses it",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "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.96078,
+          0.96078,
+          0.96078
+        ],
+        "hex": "#f5f5f5"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f5f5f5"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.75686,
+          0.07059,
+          0.12157
+        ],
+        "hex": "#c1121f"
+      },
+      "$description": "derived: brand ships no status palette; a deep red kept under the monochrome austerity",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#c1121f"
+        }
+      }
+    },
+    "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.10196,
+          0.49804,
+          0.21569
+        ],
+        "hex": "#1a7f37"
+      },
+      "$description": "derived: brand ships no status palette; a deep green for status only",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1a7f37"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.70588,
+          0.32549,
+          0.03529
+        ],
+        "hex": "#b45309"
+      },
+      "$description": "derived: brand ships no status palette; a deep amber for status only",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#b45309"
+        }
+      }
+    },
+    "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,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96078,
+          0.96078,
+          0.96078
+        ],
+        "hex": "#f5f5f5"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f5f5f5"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$description": "black anchor",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.01961,
+          0.4902,
+          0.73725
+        ],
+        "hex": "#057dbc"
+      },
+      "$description": "the one chromatic grace: link blue as the single accent series",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#057dbc"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.45882,
+          0.45882,
+          0.45882
+        ],
+        "hex": "#757575"
+      },
+      "$description": "body gray",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#757575"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.6902,
+          0.6902,
+          0.6902
+        ],
+        "hex": "#b0b0b0"
+      },
+      "$description": "derived: light gray step for a monochrome spread",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#b0b0b0"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.25098,
+          0.25098,
+          0.25098
+        ],
+        "hex": "#404040"
+      },
+      "$description": "derived: dark gray step; the brand is monochrome, so the chart ramp is grayscale + one blue",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#404040"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$description": "corpus: the nav-bar / masthead is white (the black footer band stays footer-only)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$description": "corpus: app-shell active indicator is {colors.primary} = black",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "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.96078,
+          0.96078,
+          0.96078
+        ],
+        "hex": "#f5f5f5"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f5f5f5"
+        }
+      }
+    },
+    "sidebar-accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "sidebar-border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87843,
+          0.87843,
+          0.87843
+        ],
+        "hex": "#e0e0e0"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e0e0e0"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    }
+  },
+  "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": 32,
+            "unit": "px"
+          },
+          "lineHeight": 1.1,
+          "fontWeight": 400,
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h2": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 26,
+            "unit": "px"
+          },
+          "lineHeight": 1.08,
+          "fontWeight": 400,
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 17,
+            "unit": "px"
+          },
+          "lineHeight": 1.3,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0
+        }
+      },
+      "body": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 14,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "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.3,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0.02
+        },
+        "$description": "uppercase eyebrow / category",
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.02em"
+            }
+          }
+        }
+      }
+    }
+  }
+}