@nurix/etna 0.18.20 → 0.18.22

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

@@ -0,0 +1,979 @@
+{
+  "$description": "Warp — the warm-monochrome terminal operator design\n[feedback] derived: brand is quietly understated but keeps a visible keyboard focus ring; gentle present feedback, not austere silence\n[density-tier] derived: spacious marketing read down to an honest operator tier; terminal tightness carried by radius/temperature, not whitespace",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "Warp",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "terminal",
+        "dev-tools",
+        "ai-console",
+        "agent-ops",
+        "dashboard"
+      ],
+      "verbosity": "default",
+      "feedback": "subtle",
+      "density-tier": "standard",
+      "lever-manifest": {
+        "spacing-scale": [
+          2,
+          4,
+          8,
+          12,
+          16,
+          24,
+          32,
+          48,
+          64
+        ],
+        "radius-scale": [
+          0,
+          2,
+          3,
+          4,
+          6,
+          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": 4,
+        "unit": "px"
+      },
+      "$description": "corpus: --radius base is rounded.md (4px); buttons run tighter at rounded.sm (3px); the brand is near-rectangular, never a generous pill"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.15,
+      "$description": "derived: brand is hairline-only (\"no drop shadows on cards\"); only true overlays earn the faintest lift"
+    },
+    "border-weight": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      },
+      "$description": "corpus: 1px warm hairlines carry all depth"
+    },
+    "density-gap": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: spacious marketing (96px sections) read to an honest standard operator tier; terminal tightness carried by radius/temperature, not the grid"
+    },
+    "density-inset": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: matches density-gap for coherent component insets"
+    },
+    "font-sans": {
+      "$type": "fontFamily",
+      "$value": [
+        "Inter",
+        "system-ui",
+        "-apple-system",
+        "sans-serif"
+      ],
+      "$description": "corpus: Inter carries every display, body, button, and label role (weights 400/500)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Inter, system-ui, -apple-system, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "DM Mono",
+        "ui-monospace",
+        "SFMono-Regular",
+        "Menlo",
+        "monospace"
+      ],
+      "$description": "corpus: DM Mono on every terminal mockup and code surface",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "DM Mono, ui-monospace, SFMono-Regular, Menlo, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400,
+      "$description": "corpus: body and — defining trait — the quiet display both sit at 400"
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 500,
+      "$description": "corpus: nav links, buttons, body-strong at 500; the display stays 400 and the brand never goes heavy (700+ forbidden)"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": -0.02,
+      "$description": "corpus: negative tracking is part of the voice (-1.6px at 64px hero); ~-0.02em at operator heading scale",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "-0.02em"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus declares no motion system on the marketing surface; operator-standard functional base"
+    },
+    "duration-fast": {
+      "$type": "duration",
+      "$value": {
+        "value": 100,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion; functional tempo"
+    },
+    "duration-normal": {
+      "$type": "duration",
+      "$value": {
+        "value": 150,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion; standard functional tempo"
+    },
+    "duration-slow": {
+      "$type": "duration",
+      "$value": {
+        "value": 250,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion; overlay/panel transition"
+    },
+    "ease-default": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.4,
+        0,
+        0.2,
+        1
+      ],
+      "$description": "derived: corpus silent on motion; 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 soft warm hairlines are the intended restraint; no boost"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.5,
+      "$description": "derived: corpus silent on icons; a light refined stroke suits the quiet, minimal feel"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "derived: corpus silent on icon size; operator standard"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 240,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no app shell (marketing nav only); terminal-dialect tightness → a dense rail"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: standard operator icon rail"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 52,
+        "unit": "px"
+      },
+      "$description": "corpus: nav padding md/xl (10px/24px) resolves to a ~52px bar — the brand's nav height"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 420,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; dense terminal read holds a tight detail panel"
+    },
+    "side-panel-width-rich": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: content-heavy detail panel"
+    },
+    "modal-width-max": {
+      "$type": "dimension",
+      "$value": {
+        "value": 560,
+        "unit": "px"
+      },
+      "$description": "derived: corpus's CTA bands are full-bleed marketing; operator confirmation cap"
+    },
+    "form-max-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: corpus max content ~1200px is marketing; single-column reading caps forms at 640"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 40,
+        "unit": "px"
+      },
+      "$description": "derived: terminal-dialect density → the dense 40px default, not the roomier editorial 44"
+    }
+  },
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.94902,
+          0.93725,
+          0.9098
+        ],
+        "hex": "#f2efe8"
+      },
+      "$description": "derived: warm paper floor one step below Warp's off-white, holding the brown-beige temperature in a light theme",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f2efe8"
+        }
+      }
+    },
+    "foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16863,
+          0.14902,
+          0.13333
+        ],
+        "hex": "#2b2622"
+      },
+      "$description": "corpus: Warp's warm-charcoal canvas, inverted to ink for the light theme",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2b2622"
+        }
+      }
+    },
+    "card": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96863,
+          0.96078,
+          0.94118
+        ],
+        "hex": "#f7f5f0"
+      },
+      "$description": "corpus: Warp off-white — the brand's literal light tone, as the lifted card surface",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f7f5f0"
+        }
+      }
+    },
+    "card-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16863,
+          0.14902,
+          0.13333
+        ],
+        "hex": "#2b2622"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2b2622"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.91765,
+          0.90196,
+          0.86667
+        ],
+        "hex": "#eae6dd"
+      },
+      "$description": "derived: soft warm fill for hover rows and quiet bands, one step below the paper",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#eae6dd"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.41961,
+          0.39608,
+          0.36078
+        ],
+        "hex": "#6b655c"
+      },
+      "$description": "derived: Warp's light mute (#aea69c reads for dark bg); darkened to a warm gray for light-mode text contrast",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#6b655c"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.88627,
+          0.86667,
+          0.82353
+        ],
+        "hex": "#e2ddd2"
+      },
+      "$description": "derived: warm hairline inverted from Warp's dark hairline (#3f3a36) for a light surface",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e2ddd2"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.88627,
+          0.86667,
+          0.82353
+        ],
+        "hex": "#e2ddd2"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e2ddd2"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16863,
+          0.14902,
+          0.13333
+        ],
+        "hex": "#2b2622"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2b2622"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16863,
+          0.14902,
+          0.13333
+        ],
+        "hex": "#2b2622"
+      },
+      "$description": "corpus: no chromatic accent — the monochrome ink action is Warp's own canvas color",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2b2622"
+        }
+      }
+    },
+    "primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96863,
+          0.96078,
+          0.94118
+        ],
+        "hex": "#f7f5f0"
+      },
+      "$description": "corpus: off-white text on the charcoal action (Warp's inverted button-primary)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f7f5f0"
+        }
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.89412,
+          0.87451,
+          0.83137
+        ],
+        "hex": "#e4dfd4"
+      },
+      "$description": "derived: warm selection lift one step past muted, so selection reads over hover; never ink-filled",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e4dfd4"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16863,
+          0.14902,
+          0.13333
+        ],
+        "hex": "#2b2622"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2b2622"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.75294,
+          0.22353,
+          0.16863
+        ],
+        "hex": "#c0392b"
+      },
+      "$description": "derived: corpus has no error hue; a warm brick-red matching the palette temperature",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#c0392b"
+        }
+      }
+    },
+    "destructive-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96863,
+          0.96078,
+          0.94118
+        ],
+        "hex": "#f7f5f0"
+      },
+      "$description": "derived: off-white on the warm red, holding temperature",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f7f5f0"
+        }
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.35686,
+          0.54118,
+          0.27059
+        ],
+        "hex": "#5b8a45"
+      },
+      "$description": "derived: corpus has no success hue; a warm-leaning green",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#5b8a45"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.72157,
+          0.47451,
+          0.12157
+        ],
+        "hex": "#b8791f"
+      },
+      "$description": "derived: corpus has no warning hue; a warm amber matching the brown-beige temperature",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#b8791f"
+        }
+      }
+    },
+    "popover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96863,
+          0.96078,
+          0.94118
+        ],
+        "hex": "#f7f5f0"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f7f5f0"
+        }
+      }
+    },
+    "popover-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16863,
+          0.14902,
+          0.13333
+        ],
+        "hex": "#2b2622"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2b2622"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.91765,
+          0.90196,
+          0.86667
+        ],
+        "hex": "#eae6dd"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#eae6dd"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16863,
+          0.14902,
+          0.13333
+        ],
+        "hex": "#2b2622"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2b2622"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.6902,
+          0.44706,
+          0.30588
+        ],
+        "hex": "#b0724e"
+      },
+      "$description": "derived: monochrome brand has no chart palette; a warm categorical set (terracotta) holds temperature",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#b0724e"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.54118,
+          0.5098,
+          0.31373
+        ],
+        "hex": "#8a8250"
+      },
+      "$description": "derived: warm olive",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#8a8250"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.37255,
+          0.4902,
+          0.35294
+        ],
+        "hex": "#5f7d5a"
+      },
+      "$description": "derived: muted warm sage green",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#5f7d5a"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.66275,
+          0.54118,
+          0.24706
+        ],
+        "hex": "#a98a3f"
+      },
+      "$description": "derived: muted warm gold",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#a98a3f"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.41961,
+          0.39608,
+          0.36078
+        ],
+        "hex": "#6b655c"
+      },
+      "$description": "derived: warm taupe neutral, echoing the ink for spread",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#6b655c"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.93725,
+          0.92549,
+          0.89804
+        ],
+        "hex": "#efece5"
+      },
+      "$description": "derived: a faint warm step below the paper so the nav rail reads as chrome",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#efece5"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16863,
+          0.14902,
+          0.13333
+        ],
+        "hex": "#2b2622"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2b2622"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16863,
+          0.14902,
+          0.13333
+        ],
+        "hex": "#2b2622"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2b2622"
+        }
+      }
+    },
+    "sidebar-primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96863,
+          0.96078,
+          0.94118
+        ],
+        "hex": "#f7f5f0"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f7f5f0"
+        }
+      }
+    },
+    "sidebar-accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.89412,
+          0.87451,
+          0.83137
+        ],
+        "hex": "#e4dfd4"
+      },
+      "$description": "derived: hover/selected nav lift, matches accent",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e4dfd4"
+        }
+      }
+    },
+    "sidebar-accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16863,
+          0.14902,
+          0.13333
+        ],
+        "hex": "#2b2622"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2b2622"
+        }
+      }
+    },
+    "sidebar-border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.88627,
+          0.86667,
+          0.82353
+        ],
+        "hex": "#e2ddd2"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e2ddd2"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16863,
+          0.14902,
+          0.13333
+        ],
+        "hex": "#2b2622"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2b2622"
+        }
+      }
+    }
+  },
+  "typography": {
+    "family": {
+      "heading": {
+        "$type": "fontFamily",
+        "$value": "{primitive.font-sans}"
+      },
+      "body": {
+        "$type": "fontFamily",
+        "$value": "{primitive.font-sans}"
+      },
+      "mono": {
+        "$type": "fontFamily",
+        "$value": "{primitive.font-mono}"
+      }
+    },
+    "ramp": {
+      "h1": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 24,
+            "unit": "px"
+          },
+          "lineHeight": 1.25,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h2": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 20,
+            "unit": "px"
+          },
+          "lineHeight": 1.3,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 15,
+            "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.45,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0
+        }
+      },
+      "small": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 13,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0
+        }
+      },
+      "caption": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 12,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0.04
+        },
+        "$description": "uppercase eyebrow",
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.04em"
+            }
+          }
+        }
+      }
+    }
+  }
+}