@nurix/etna 0.18.20 → 0.18.22

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

@@ -0,0 +1,988 @@
+{
+  "$description": "Vercel — stark ink-on-near-white developer-platform operator design\n[verbosity] derived: Vercel's product chrome is clean but labelled, not terse-expert\n[feedback] derived: understated, functional feedback matches the calm system\n[density-tier] derived: Vercel's product reads clean and engineered, not dense-technical; a standard operator tier",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "Vercel",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "dev-tools",
+        "deployment-dashboard",
+        "platform-console",
+        "admin"
+      ],
+      "verbosity": "default",
+      "feedback": "subtle",
+      "density-tier": "standard",
+      "lever-manifest": {
+        "spacing-scale": [
+          2,
+          4,
+          8,
+          12,
+          16,
+          24,
+          32,
+          48,
+          64
+        ],
+        "radius-scale": [
+          0,
+          4,
+          6,
+          8,
+          12,
+          16,
+          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": 6,
+        "unit": "px"
+      },
+      "$description": "corpus: --geist-radius (6px) is the in-app base for buttons/inputs/menus; the 100px marketing pill stays behind"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.3,
+      "$description": "derived: corpus elevation is exceptionally subtle — stacked small offsets at 4–12% black + an inset hairline ring"
+    },
+    "border-weight": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      }
+    },
+    "density-gap": {
+      "$type": "number",
+      "$value": 1
+    },
+    "density-inset": {
+      "$type": "number",
+      "$value": 1
+    },
+    "font-sans": {
+      "$type": "fontFamily",
+      "$value": [
+        "Geist",
+        "Inter",
+        "system-ui",
+        "-apple-system",
+        "sans-serif"
+      ],
+      "$description": "corpus: Geist is the brand face; Inter is the named open substitute",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Geist, Inter, system-ui, -apple-system, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "Geist Mono",
+        "JetBrains Mono",
+        "ui-monospace",
+        "SFMono-Regular",
+        "monospace"
+      ],
+      "$description": "corpus: Geist Mono for technical layer; JetBrains Mono the named substitute",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Geist Mono, JetBrains Mono, ui-monospace, SFMono-Regular, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 600,
+      "$description": "corpus: weight 600 is the display ceiling; the brand never reaches 700"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": -0.03,
+      "$description": "corpus: aggressive negative display tracking (-0.04em at 24px display-md) scaled to operator headings; the -0.05em hero tracking stays behind",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "-0.03em"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion; snappy operator base — Vercel's UI reads crisp and fast"
+    },
+    "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: functional transition default"
+    },
+    "duration-slow": {
+      "$type": "duration",
+      "$value": {
+        "value": 200,
+        "unit": "ms"
+      },
+      "$description": "derived: kept short — crisp, not cinematic"
+    },
+    "ease-default": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.4,
+        0,
+        0.2,
+        1
+      ],
+      "$description": "derived: corpus silent on easing; standard crisp ease",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "cubic-bezier(0.4,0,0.2,1)"
+        }
+      }
+    },
+    "contrast-boost": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: the deliberate gray ramp gives clear hairlines; no boost needed"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.5,
+      "$description": "derived: the Geist icon set is fine and geometric; below lucide's default 2 for a refined stroke"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      }
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 256,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no operator shell; Vercel dashboard left-nav proportion"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: icon-rail width"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 64,
+        "unit": "px"
+      },
+      "$description": "corpus: nav-bar height (--header-height) is 64px"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 440,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no operator shell; detail-panel proportion"
+    },
+    "side-panel-width-rich": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: content-heavy detail width (corpus content column family)"
+    },
+    "modal-width-max": {
+      "$type": "dimension",
+      "$value": {
+        "value": 560,
+        "unit": "px"
+      },
+      "$description": "derived: confirmation-dialog cap"
+    },
+    "form-max-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: readable single-column form width"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 44,
+        "unit": "px"
+      },
+      "$description": "derived: corpus field height is 40px; rows breathe a hair over the dense default at standard density"
+    }
+  },
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.98039,
+          0.98039,
+          0.98039
+        ],
+        "hex": "#fafafa"
+      },
+      "$description": "corpus canvas-soft — the 98% white page body",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fafafa"
+        }
+      }
+    },
+    "foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$description": "corpus ink",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "card": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$description": "corpus canvas — pure white cards",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "card-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96078,
+          0.96078,
+          0.96078
+        ],
+        "hex": "#f5f5f5"
+      },
+      "$description": "corpus canvas-soft-2 — inset / hover surface",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f5f5f5"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.4,
+          0.4,
+          0.4
+        ],
+        "hex": "#666666"
+      },
+      "$description": "derived: Vercel gray ramp mid-tone (between body #4d4d4d and mute #888888) for the label/caption role, readable on white",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#666666"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.92157,
+          0.92157,
+          0.92157
+        ],
+        "hex": "#ebebeb"
+      },
+      "$description": "corpus hairline",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ebebeb"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.92157,
+          0.92157,
+          0.92157
+        ],
+        "hex": "#ebebeb"
+      },
+      "$description": "corpus hairline — form-input border",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ebebeb"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.43922,
+          0.95294
+        ],
+        "hex": "#0070f3"
+      },
+      "$description": "corpus link/interactive blue; Vercel's real focus ring is blue, and the achromatic ink would vanish on the black button",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0070f3"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$description": "corpus ink — the single black-button CTA",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$description": "corpus on-primary",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96078,
+          0.96078,
+          0.96078
+        ],
+        "hex": "#f5f5f5"
+      },
+      "$description": "corpus canvas-soft-2 — neutral selected/hover wash; monochrome selection is the signature",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f5f5f5"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.93333,
+          0,
+          0
+        ],
+        "hex": "#ee0000"
+      },
+      "$description": "corpus error",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ee0000"
+        }
+      }
+    },
+    "destructive-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$description": "corpus on-primary (white on the red)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.08627,
+          0.63922,
+          0.2902
+        ],
+        "hex": "#16a34a"
+      },
+      "$description": "derived: Vercel's full system scale includes a green (corpus notes the 100–1000 green ramp); success reads green so status stays distinct from the interaction blue #0070f3",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#16a34a"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96078,
+          0.65098,
+          0.13725
+        ],
+        "hex": "#f5a623"
+      },
+      "$description": "corpus warning amber",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f5a623"
+        }
+      }
+    },
+    "popover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$description": "corpus canvas — crisp white overlay lifted by the inset hairline + soft stacked shadow",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "popover-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96078,
+          0.96078,
+          0.96078
+        ],
+        "hex": "#f5f5f5"
+      },
+      "$description": "corpus canvas-soft-2 — secondary button / soft surface fill",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f5f5f5"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.43922,
+          0.95294
+        ],
+        "hex": "#0070f3"
+      },
+      "$description": "corpus link blue",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0070f3"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.47451,
+          0.15686,
+          0.79216
+        ],
+        "hex": "#7928ca"
+      },
+      "$description": "corpus violet",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#7928ca"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.31373,
+          0.8902,
+          0.76078
+        ],
+        "hex": "#50e3c2"
+      },
+      "$description": "corpus cyan",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#50e3c2"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96078,
+          0.65098,
+          0.13725
+        ],
+        "hex": "#f5a623"
+      },
+      "$description": "corpus amber",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f5a623"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0,
+          0.50196
+        ],
+        "hex": "#ff0080"
+      },
+      "$description": "corpus highlight pink — the brand accent hues repurposed as categorical series",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff0080"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.98039,
+          0.98039,
+          0.98039
+        ],
+        "hex": "#fafafa"
+      },
+      "$description": "corpus canvas-soft — a faint tint distinct from the white content canvas, a hairline above the page",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fafafa"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$description": "corpus: app-shell active nav uses the ink primary as the indicator",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "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"
+      },
+      "$description": "corpus canvas-soft-2 — selected nav-row wash",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f5f5f5"
+        }
+      }
+    },
+    "sidebar-accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "sidebar-border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.92157,
+          0.92157,
+          0.92157
+        ],
+        "hex": "#ebebeb"
+      },
+      "$description": "corpus hairline",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ebebeb"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.43922,
+          0.95294
+        ],
+        "hex": "#0070f3"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0070f3"
+        }
+      }
+    }
+  },
+  "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.3,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h2": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 20,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 16,
+            "unit": "px"
+          },
+          "lineHeight": 1.5,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": -0.01
+        },
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "-0.01em"
+            }
+          }
+        }
+      },
+      "body": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 14,
+            "unit": "px"
+          },
+          "lineHeight": 1.45,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": -0.02
+        },
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "-0.28px"
+            }
+          }
+        }
+      },
+      "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.35,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0
+        },
+        "$description": "technical label, section eyebrow"
+      }
+    }
+  }
+}