@nurix/etna 0.18.20 → 0.18.21

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

@@ -0,0 +1,961 @@
+{
+  "$description": "Tesla — radical-subtraction minimalism, translated for operators\n[verbosity] derived: Tesla's radical subtraction — minimal chrome, terse labels, UI that gets out of the way\n[feedback] derived: Tesla's interactions are strictly color-only (no scale/translate); minimal zeroes the press-scale to honor that, ring stays visible\n[density-tier] derived: marketing whitespace-as-luxury stays behind; the engineered-uniform chrome carries as standard, neither cramped nor spacious",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "Tesla",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "inventory",
+        "configurator",
+        "orders",
+        "dashboard",
+        "automotive"
+      ],
+      "verbosity": "compact",
+      "feedback": "minimal",
+      "density-tier": "standard",
+      "lever-manifest": {
+        "spacing-scale": [
+          4,
+          8,
+          12,
+          16,
+          24,
+          32,
+          48,
+          64
+        ],
+        "radius-scale": [
+          0,
+          4,
+          12,
+          9999
+        ],
+        "shadow-levels": [
+          "none",
+          "sm"
+        ],
+        "motion": {
+          "durations": [
+            100,
+            200,
+            330
+          ],
+          "easings": [
+            "cubic-bezier(0.4,0,0.2,1)",
+            "cubic-bezier(0.5,0,0,0.75)"
+          ]
+        },
+        "icons": {
+          "family": "lucide"
+        },
+        "accent-count": 1
+      }
+    }
+  },
+  "primitive": {
+    "radius": {
+      "$type": "dimension",
+      "$value": {
+        "value": 4,
+        "unit": "px"
+      },
+      "$description": "Tesla signature: barely-rounded 4px on all controls; scale still offers 12px for a large image-forward tile"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.1,
+      "$description": "derived: Tesla is essentially shadowless (Level-3 hint rgba(0,0,0,0.05)); a whisper only lifts a true overlay"
+    },
+    "border-weight": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      }
+    },
+    "density-gap": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: standard tier; marketing whitespace-as-luxury stays behind, base multiplier held at 1"
+    },
+    "density-inset": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: standard operator inset; the generous gallery air stays behind"
+    },
+    "font-sans": {
+      "$type": "fontFamily",
+      "$value": [
+        "Universal Sans Text",
+        "Inter",
+        "system-ui",
+        "-apple-system",
+        "sans-serif"
+      ],
+      "$description": "Universal Sans is Tesla's proprietary family; Inter is the closest open stand-in (geometric with humanist terminals)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Universal Sans Text, Inter, system-ui, -apple-system, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "JetBrains Mono",
+        "ui-monospace",
+        "SFMono-Regular",
+        "monospace"
+      ],
+      "$description": "derived: Tesla ships no mono; operator-standard mono for IDs/codes/logs",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "JetBrains Mono, ui-monospace, SFMono-Regular, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400,
+      "$description": "Tesla body weight (regular)"
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 500,
+      "$description": "Tesla heading/UI weight (medium) — the 500/400 pair is the whole type system; no bold, no light"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": 0,
+      "$description": "Tesla signature: zero letter-spacing at every level; unlike most tech brands it takes no negative tracking",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "0"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus documents transition durations, not a base unit; functional operator base"
+    },
+    "duration-fast": {
+      "$type": "duration",
+      "$value": {
+        "value": 100,
+        "unit": "ms"
+      },
+      "$description": "derived: snappy color-only state change"
+    },
+    "duration-normal": {
+      "$type": "duration",
+      "$value": {
+        "value": 200,
+        "unit": "ms"
+      },
+      "$description": "derived: Tesla's smooth 0.33s marketing pace tempered to a still-relaxed operator normal; the color-only character is the carry"
+    },
+    "duration-slow": {
+      "$type": "duration",
+      "$value": {
+        "value": 330,
+        "unit": "ms"
+      },
+      "$description": "Tesla's documented universal 0.33s timing, kept as the slow tier for larger surface changes"
+    },
+    "ease-default": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.4,
+        0,
+        0.2,
+        1
+      ],
+      "$description": "derived: corpus's main transition curve is an unspecified \"cubic-bezier\"; standard functional ease (the documented text-link curve is preserved in the manifest)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "cubic-bezier(0.4,0,0.2,1)"
+        }
+      }
+    },
+    "contrast-boost": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: Tesla's clean minimal surfaces read as a grid without a boost; the light hairline is intentional"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.5,
+      "$description": "derived: Tesla's precise, understated aesthetic wants a refined thin stroke, one step under lucide's 2"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "derived: corpus silent; operator standard"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 256,
+        "unit": "px"
+      },
+      "$description": "derived: Tesla is a top-nav marketing site with no sidebar; 8px-rhythm operator shell"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: standard icon-rail width, on the 8px grid"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: Tesla's minimal floating nav → a thin recessive operator topbar"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 440,
+        "unit": "px"
+      },
+      "$description": "derived: no operator shell in corpus; 8px-rhythm detail panel"
+    },
+    "side-panel-width-rich": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: content-heavy detail panel on the 8px rhythm"
+    },
+    "modal-width-max": {
+      "$type": "dimension",
+      "$value": {
+        "value": 480,
+        "unit": "px"
+      },
+      "$description": "derived: Tesla's minimal, confirmation-scale read (its only modal idiom is the region/cookie popup)"
+    },
+    "form-max-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: corpus silent; single-column form measure"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 40,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no tables; Tesla's calm engineered chrome sits at the operator-standard 40px, on the 8px rhythm"
+    }
+  },
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.10196,
+          0.12549
+        ],
+        "hex": "#171a20"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171a20"
+        }
+      }
+    },
+    "card": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "card-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.10196,
+          0.12549
+        ],
+        "hex": "#171a20"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171a20"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.95686,
+          0.95686,
+          0.95686
+        ],
+        "hex": "#f4f4f4"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f4f4f4"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.36078,
+          0.36863,
+          0.38431
+        ],
+        "hex": "#5c5e62"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#5c5e62"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.93333,
+          0.93333,
+          0.93333
+        ],
+        "hex": "#eeeeee"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#eeeeee"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.81569,
+          0.81961,
+          0.82353
+        ],
+        "hex": "#d0d1d2"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#d0d1d2"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.24314,
+          0.41569,
+          0.88235
+        ],
+        "hex": "#3e6ae1"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3e6ae1"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.24314,
+          0.41569,
+          0.88235
+        ],
+        "hex": "#3e6ae1"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3e6ae1"
+        }
+      }
+    },
+    "primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.92941,
+          0.9451,
+          0.98824
+        ],
+        "hex": "#edf1fc"
+      },
+      "$description": "derived: faint wash of Electric Blue for selection/hover; brand has no blue-tint surface token",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#edf1fc"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.24314,
+          0.41569,
+          0.88235
+        ],
+        "hex": "#3e6ae1"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3e6ae1"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.86275,
+          0.14902,
+          0.14902
+        ],
+        "hex": "#dc2626"
+      },
+      "$description": "derived: Tesla's marketing site uses browser defaults for status; operator needs a real destructive red",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#dc2626"
+        }
+      }
+    },
+    "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.08627,
+          0.63922,
+          0.2902
+        ],
+        "hex": "#16a34a"
+      },
+      "$description": "derived: Tesla avoids semantic color; an engineered green for operator status only",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#16a34a"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.85098,
+          0.46667,
+          0.02353
+        ],
+        "hex": "#d97706"
+      },
+      "$description": "derived: Tesla avoids semantic color; an amber for operator status only",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#d97706"
+        }
+      }
+    },
+    "popover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "popover-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.10196,
+          0.12549
+        ],
+        "hex": "#171a20"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171a20"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.95686,
+          0.95686,
+          0.95686
+        ],
+        "hex": "#f4f4f4"
+      },
+      "$description": "Light Ash — the subtle alternate surface as secondary-button fill",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f4f4f4"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.22353,
+          0.23529,
+          0.2549
+        ],
+        "hex": "#393c41"
+      },
+      "$description": "Graphite — Tesla's secondary-CTA text tone",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#393c41"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.24314,
+          0.41569,
+          0.88235
+        ],
+        "hex": "#3e6ae1"
+      },
+      "$description": "Electric Blue — the anchor",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3e6ae1"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.10196,
+          0.12549
+        ],
+        "hex": "#171a20"
+      },
+      "$description": "derived: Carbon Dark — monochrome-plus-one, so charts run blue + the grayscale ink ramp",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171a20"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.22353,
+          0.23529,
+          0.2549
+        ],
+        "hex": "#393c41"
+      },
+      "$description": "derived: Graphite",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#393c41"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.36078,
+          0.36863,
+          0.38431
+        ],
+        "hex": "#5c5e62"
+      },
+      "$description": "derived: Pewter",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#5c5e62"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.55686,
+          0.55686,
+          0.55686
+        ],
+        "hex": "#8e8e8e"
+      },
+      "$description": "derived: Silver Fog",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#8e8e8e"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.95686,
+          0.95686,
+          0.95686
+        ],
+        "hex": "#f4f4f4"
+      },
+      "$description": "derived: Tesla has no dark chrome; the Light Ash subtle surface serves as the recessive rail",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f4f4f4"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.10196,
+          0.12549
+        ],
+        "hex": "#171a20"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171a20"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.24314,
+          0.41569,
+          0.88235
+        ],
+        "hex": "#3e6ae1"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3e6ae1"
+        }
+      }
+    },
+    "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.92941,
+          0.9451,
+          0.98824
+        ],
+        "hex": "#edf1fc"
+      },
+      "$description": "derived: faint Electric Blue wash for the active/hovered nav item",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#edf1fc"
+        }
+      }
+    },
+    "sidebar-accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.24314,
+          0.41569,
+          0.88235
+        ],
+        "hex": "#3e6ae1"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3e6ae1"
+        }
+      }
+    },
+    "sidebar-border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.93333,
+          0.93333,
+          0.93333
+        ],
+        "hex": "#eeeeee"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#eeeeee"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.24314,
+          0.41569,
+          0.88235
+        ],
+        "hex": "#3e6ae1"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3e6ae1"
+        }
+      }
+    }
+  },
+  "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-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h2": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 18,
+            "unit": "px"
+          },
+          "lineHeight": 1.3,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 16,
+            "unit": "px"
+          },
+          "lineHeight": 1.35,
+          "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.3,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0
+        },
+        "$description": "eyebrow / meta"
+      }
+    }
+  }
+}