@nurix/etna 0.18.20 → 0.18.22

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

@@ -0,0 +1,979 @@
+{
+  "$description": "SpaceX — the mission-console operator reading\n[verbosity] derived: austere, minimal-chrome brand trusts the reader over explanatory copy\n[feedback] derived: the brand's austere silence → the most restrained feedback dial\n[density-tier] derived: the operator reading is a mission console — telemetry-dense; marketing spaciousness stays behind",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "SpaceX",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "mission-control",
+        "telemetry",
+        "monitoring",
+        "dashboard",
+        "command-center"
+      ],
+      "verbosity": "compact",
+      "feedback": "minimal",
+      "density-tier": "dense",
+      "lever-manifest": {
+        "spacing-scale": [
+          4,
+          8,
+          12,
+          16,
+          18,
+          24,
+          32,
+          48
+        ],
+        "radius-scale": [
+          4,
+          8,
+          16,
+          32,
+          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": 4,
+        "unit": "px"
+      },
+      "$description": "corpus: sharpest chrome radius (rounded.xs, form inputs); the engineered DIN read wants tight corners — the 32px signature pill stays in-scale for a lone ghost hero CTA"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.2,
+      "$description": "derived: corpus uses zero shadow (depth is photographic); operator carries elevation by the near-black surface ladder + hairline, a faint shadow only floats a true overlay"
+    },
+    "border-weight": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      }
+    },
+    "density-gap": {
+      "$type": "number",
+      "$value": 0.9,
+      "$description": "derived: the operator reading is a mission console — telemetry-dense; marketing's full-bleed spaciousness stays behind"
+    },
+    "density-inset": {
+      "$type": "number",
+      "$value": 0.9,
+      "$description": "derived: matches the dense tier's tighter component insets"
+    },
+    "font-sans": {
+      "$type": "fontFamily",
+      "$value": [
+        "D-DIN",
+        "Inter",
+        "Arial Narrow",
+        "system-ui",
+        "sans-serif"
+      ],
+      "$description": "corpus display+body face; Inter (700+, tracked) is the corpus-named substitute, Arial Narrow the corpus fallback that keeps the width compression",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "D-DIN, Inter, Arial Narrow, system-ui, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "Space Mono",
+        "JetBrains Mono",
+        "ui-monospace",
+        "monospace"
+      ],
+      "$description": "derived: corpus omits mono; a mission console needs a telemetry/ID voice — Space Mono's engineered character suits the DIN aesthetic, JetBrains Mono the reliable fallback",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Space Mono, JetBrains Mono, ui-monospace, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400,
+      "$description": "corpus: D-DIN body weight"
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 700,
+      "$description": "corpus: D-DIN-Bold display is 700; the brand jumps 400 → 700 with no mid weight"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": 0.04,
+      "$description": "corpus: the signature is POSITIVE display tracking (uppercase, ~0.02em at 80px, ~0.08em on caps eyebrows); operator headings keep a distinctly positive 0.04em — the one operator brand that tracks OUT, not in",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "0.04em"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus documents no motion; austere 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"
+    },
+    "ease-default": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.4,
+        0,
+        0.2,
+        1
+      ],
+      "$description": "derived: corpus silent; mechanical, restrained functional ease",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "cubic-bezier(0.4,0,0.2,1)"
+        }
+      }
+    },
+    "contrast-boost": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: the near-black surface ladder + #3a3a3f hairlines already read as a grid on black"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.5,
+      "$description": "derived: corpus uses minimal SVG arrow chevrons; a thin 1.5 stroke keeps them minimal and refined"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "derived: corpus silent on UI icon sizing; operator standard"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 240,
+        "unit": "px"
+      },
+      "$description": "derived: no app shell in corpus (marketing full-bleed); austere/dense read tightens the rail"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: standard icon-rail width"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 52,
+        "unit": "px"
+      },
+      "$description": "derived: corpus nav is marketing-generous (24px vertical padding); operator tightens to a thin overlay bar"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 420,
+        "unit": "px"
+      },
+      "$description": "derived: no app 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: single-column reading cap"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 36,
+        "unit": "px"
+      },
+      "$description": "derived: dense mission-console rows pack tight; the surface catalog can step further per archetype"
+    }
+  },
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "card": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.03922,
+          0.03922,
+          0.03922
+        ],
+        "hex": "#0a0a0a"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0a0a0a"
+        }
+      }
+    },
+    "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.07843,
+          0.07843,
+          0.0902
+        ],
+        "hex": "#141417"
+      },
+      "$description": "derived: a step above card for hover rows and subtle fills on the near-black ladder",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#141417"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.54118,
+          0.54118,
+          0.57255
+        ],
+        "hex": "#8a8a92"
+      },
+      "$description": "derived: cool mid-gray for secondary text on black; corpus ink-mute #5a5a5f is a light-surface tone",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#8a8a92"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.22745,
+          0.22745,
+          0.24706
+        ],
+        "hex": "#3a3a3f"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3a3a3f"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.22745,
+          0.22745,
+          0.24706
+        ],
+        "hex": "#3a3a3f"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3a3a3f"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$description": "derived: achromatic brand → the focus ring is white, maximally visible on black (corpus link-on-dark is white)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$description": "derived: the brand has no chromatic accent; white is the one voltage — the primary action inverts to white-on-black",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.11765,
+          0.11765,
+          0.14902
+        ],
+        "hex": "#1e1e26"
+      },
+      "$description": "derived: cool near-black selection/hover tint; SpaceX's cool canvas-cool #f0f0fa inverted onto black",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1e1e26"
+        }
+      }
+    },
+    "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.27059,
+          0.22745
+        ],
+        "hex": "#ff453a"
+      },
+      "$description": "derived: corpus is achromatic; a telemetry-alert red for error/abort on black",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff453a"
+        }
+      }
+    },
+    "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.19608,
+          0.84314,
+          0.29412
+        ],
+        "hex": "#32d74b"
+      },
+      "$description": "derived: mission nominal/go green on black",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#32d74b"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.62353,
+          0.03922
+        ],
+        "hex": "#ff9f0a"
+      },
+      "$description": "derived: telemetry caution amber on black",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff9f0a"
+        }
+      }
+    },
+    "popover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.03922,
+          0.03922,
+          0.03922
+        ],
+        "hex": "#0a0a0a"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0a0a0a"
+        }
+      }
+    },
+    "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.10196,
+          0.10196,
+          0.11765
+        ],
+        "hex": "#1a1a1e"
+      },
+      "$description": "derived: secondary button fill — a lift above card",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1a1a1e"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$description": "derived: the primary telemetry trace is achromatic white",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.39216,
+          0.82353,
+          1
+        ],
+        "hex": "#64d2ff"
+      },
+      "$description": "derived: telemetry cyan",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#64d2ff"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.19608,
+          0.84314,
+          0.29412
+        ],
+        "hex": "#32d74b"
+      },
+      "$description": "derived: nominal green",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#32d74b"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.62353,
+          0.03922
+        ],
+        "hex": "#ff9f0a"
+      },
+      "$description": "derived: caution amber",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff9f0a"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.27059,
+          0.22745
+        ],
+        "hex": "#ff453a"
+      },
+      "$description": "derived: alert red",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff453a"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$description": "derived: the nav overlays on pure black (corpus nav-bar-overlay canvas-night), separated by a hairline",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "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": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$description": "derived: active nav is white",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "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.11765,
+          0.11765,
+          0.14902
+        ],
+        "hex": "#1e1e26"
+      },
+      "$description": "derived: selected-nav tint, matches accent",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1e1e26"
+        }
+      }
+    },
+    "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.22745,
+          0.22745,
+          0.24706
+        ],
+        "hex": "#3a3a3f"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3a3a3f"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    }
+  },
+  "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.1,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h2": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 18,
+            "unit": "px"
+          },
+          "lineHeight": 1.2,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 15,
+            "unit": "px"
+          },
+          "lineHeight": 1.3,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "body": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 14,
+            "unit": "px"
+          },
+          "lineHeight": 1.5,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0.01
+        },
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.01em"
+            }
+          }
+        }
+      },
+      "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-normal}",
+          "letterSpacing": 0.08
+        },
+        "$description": "uppercase eyebrow / nav",
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.08em"
+            }
+          }
+        }
+      }
+    }
+  }
+}