@nurix/etna 0.18.20 → 0.18.22

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

@@ -0,0 +1,977 @@
+{
+  "$description": "The Verge — the operator reading\n[verbosity] derived: the mono-label voice likes visible labels, kickers, and tags\n[density-tier] derived: an editorial-paced brand read to an honest operator tier; the console density is available per-archetype",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "The Verge",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "log-stream",
+        "dashboard",
+        "cms",
+        "content-queue",
+        "admin"
+      ],
+      "verbosity": "default",
+      "feedback": "subtle",
+      "density-tier": "standard",
+      "lever-manifest": {
+        "spacing-scale": [
+          2,
+          4,
+          8,
+          12,
+          16,
+          24,
+          32,
+          48,
+          64
+        ],
+        "radius-scale": [
+          2,
+          4,
+          8,
+          12,
+          20,
+          9999
+        ],
+        "shadow-levels": [
+          "none",
+          "sm"
+        ],
+        "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": "derived: the Verge is emphatically never-square; controls stay softly rounded (scale offers 12/20px cards), the 24-40px marketing pill stays behind"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.2,
+      "$description": "derived: militantly flat color-as-elevation brand; on a dark canvas a shadow barely registers, so overlays get only the faintest ring"
+    },
+    "border-weight": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      },
+      "$description": "corpus: 1px hairlines do the work shadows do elsewhere"
+    },
+    "density-gap": {
+      "$type": "number",
+      "$value": 1
+    },
+    "density-inset": {
+      "$type": "number",
+      "$value": 1
+    },
+    "font-sans": {
+      "$type": "fontFamily",
+      "$value": [
+        "PolySans",
+        "Space Grotesk",
+        "system-ui",
+        "sans-serif"
+      ],
+      "$description": "PolySans is the UI workhorse; Space Grotesk is the corpus-named substitute",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "PolySans, Space Grotesk, system-ui, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "PolySans Mono",
+        "Space Mono",
+        "ui-monospace",
+        "monospace"
+      ],
+      "$description": "PolySans Mono is the all-caps label voice; Space Mono substitute",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "PolySans Mono, Space Mono, ui-monospace, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400,
+      "$description": "derived: brand body runs 500 for editorial reading; dense operator body reads cleaner at 400"
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 700,
+      "$description": "corpus: PolySans headlines run 700; the brand is punchy, not calm"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": 0,
+      "$description": "derived: PolySans operator headings track ~0; the signature positive tracking lives on the all-caps mono labels, applied by hand",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "0"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: operator base; corpus documents \"ease\" transitions but not a unit"
+    },
+    "duration-fast": {
+      "$type": "duration",
+      "$value": {
+        "value": 100,
+        "unit": "ms"
+      },
+      "$description": "derived"
+    },
+    "duration-normal": {
+      "$type": "duration",
+      "$value": {
+        "value": 150,
+        "unit": "ms"
+      },
+      "$description": "corpus: cards, tiles, and inputs transition at 150ms ease"
+    },
+    "duration-slow": {
+      "$type": "duration",
+      "$value": {
+        "value": 250,
+        "unit": "ms"
+      },
+      "$description": "derived"
+    },
+    "ease-default": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.4,
+        0,
+        0.2,
+        1
+      ],
+      "$description": "corpus: transitions are \"ease\"; standard functional curve",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "cubic-bezier(0.4,0,0.2,1)"
+        }
+      }
+    },
+    "contrast-boost": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: liberal hairlines plus the near-black surface ladder already carry the grid"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 2,
+      "$description": "derived: the Verge's bold, industrial character carries a full-weight 2px stroke, not the refined 1.75 default"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "derived: corpus silent on UI icons; operator standard"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 248,
+        "unit": "px"
+      },
+      "$description": "derived: corpus is an editorial homepage with no app shell; operator standard"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: no shell in corpus; operator standard icon rail"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: corpus top nav is \"thin\"; operator standard with room for the bold wordmark"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 420,
+        "unit": "px"
+      },
+      "$description": "derived: no shell in corpus; operator standard"
+    },
+    "side-panel-width-rich": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: content-heavy detail width"
+    },
+    "modal-width-max": {
+      "$type": "dimension",
+      "$value": {
+        "value": 560,
+        "unit": "px"
+      },
+      "$description": "derived: confirmations only"
+    },
+    "form-max-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: corpus caps content at ~1280px; operator forms cap tighter"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 44,
+        "unit": "px"
+      },
+      "$description": "derived: the brand's paced whitespace → rows breathe a touch over the dense 40px default"
+    }
+  },
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.07451,
+          0.07451,
+          0.07451
+        ],
+        "hex": "#131313"
+      },
+      "$description": "Canvas Black — the categorically-dark canvas fills the default-emitted theme slot",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#131313"
+        }
+      }
+    },
+    "foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$description": "Hazard White",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "card": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.10196,
+          0.10196,
+          0.10196
+        ],
+        "hex": "#1a1a1a"
+      },
+      "$description": "derived: a faint step off canvas so multi-card surfaces read; border still carries",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1a1a1a"
+        }
+      }
+    },
+    "card-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.14118,
+          0.14118,
+          0.14118
+        ],
+        "hex": "#242424"
+      },
+      "$description": "derived: subtle fill / hover, between card and slate",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#242424"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.58039,
+          0.58039,
+          0.58039
+        ],
+        "hex": "#949494"
+      },
+      "$description": "Secondary Text",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#949494"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.19216,
+          0.19216,
+          0.19216
+        ],
+        "hex": "#313131"
+      },
+      "$description": "Image Frame hairline — white/mint reserved for emphasis",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#313131"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.19216,
+          0.19216,
+          0.19216
+        ],
+        "hex": "#313131"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#313131"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.11765,
+          0.68235,
+          0.85882
+        ],
+        "hex": "#1eaedb"
+      },
+      "$description": "Focus Cyan — the brand's dedicated keyboard-focus hue",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1eaedb"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.23529,
+          1,
+          0.81569
+        ],
+        "hex": "#3cffd0"
+      },
+      "$description": "Jelly Mint — the one accent",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3cffd0"
+        }
+      }
+    },
+    "primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$description": "Absolute Black — the only place black appears",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.17647,
+          0.17647,
+          0.17647
+        ],
+        "hex": "#2d2d2d"
+      },
+      "$description": "Surface Slate — neutral selection tint, never a mint wash",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2d2d2d"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.23137,
+          0.36078
+        ],
+        "hex": "#ff3b5c"
+      },
+      "$description": "derived: brand has no red; a hazard-register red-pink so destructive reads as danger (corpus error-purple handed to charts)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff3b5c"
+        }
+      }
+    },
+    "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.13333,
+          0.77255,
+          0.36863
+        ],
+        "hex": "#22c55e"
+      },
+      "$description": "derived: brand has no green; a clear green distinct from the mint-cyan primary",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#22c55e"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.82353,
+          0.23529
+        ],
+        "hex": "#ffd23c"
+      },
+      "$description": "derived: echoes the brand's yellow story tile",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffd23c"
+        }
+      }
+    },
+    "popover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.10196,
+          0.10196,
+          0.10196
+        ],
+        "hex": "#1a1a1a"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1a1a1a"
+        }
+      }
+    },
+    "popover-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.17647,
+          0.17647,
+          0.17647
+        ],
+        "hex": "#2d2d2d"
+      },
+      "$description": "Surface Slate — secondary button fill",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2d2d2d"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.91373,
+          0.91373,
+          0.91373
+        ],
+        "hex": "#e9e9e9"
+      },
+      "$description": "Muted Text",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e9e9e9"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.23529,
+          1,
+          0.81569
+        ],
+        "hex": "#3cffd0"
+      },
+      "$description": "mint",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3cffd0"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.32157,
+          0,
+          1
+        ],
+        "hex": "#5200ff"
+      },
+      "$description": "Verge Ultraviolet — a brand hazard, chart-only here",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#5200ff"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.82353,
+          0.23529
+        ],
+        "hex": "#ffd23c"
+      },
+      "$description": "yellow tile hue",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffd23c"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.30196,
+          0.65098
+        ],
+        "hex": "#ff4da6"
+      },
+      "$description": "derived: pink tile hue",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff4da6"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.11765,
+          0.68235,
+          0.85882
+        ],
+        "hex": "#1eaedb"
+      },
+      "$description": "electric blue / focus cyan doubling as a chart hue",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1eaedb"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.05882,
+          0.05882,
+          0.05882
+        ],
+        "hex": "#0f0f0f"
+      },
+      "$description": "derived: a hair darker than canvas so the nav reads as chrome",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0f0f0f"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.23529,
+          1,
+          0.81569
+        ],
+        "hex": "#3cffd0"
+      },
+      "$description": "mint active nav",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3cffd0"
+        }
+      }
+    },
+    "sidebar-primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "sidebar-accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.17647,
+          0.17647,
+          0.17647
+        ],
+        "hex": "#2d2d2d"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2d2d2d"
+        }
+      }
+    },
+    "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.19216,
+          0.19216,
+          0.19216
+        ],
+        "hex": "#313131"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#313131"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.11765,
+          0.68235,
+          0.85882
+        ],
+        "hex": "#1eaedb"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1eaedb"
+        }
+      }
+    }
+  },
+  "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": 26,
+            "unit": "px"
+          },
+          "lineHeight": 1.1,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h2": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 20,
+            "unit": "px"
+          },
+          "lineHeight": 1.2,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 16,
+            "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.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.2,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0.12
+        },
+        "$description": "all-caps kicker / tag / timestamp",
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.12em"
+            }
+          }
+        }
+      }
+    }
+  }
+}