@nurix/etna 0.18.20 → 0.18.22

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

@@ -0,0 +1,968 @@
+{
+  "$description": "Resend — editorial-noir developer console\n[feedback] derived: the brand is quiet and precise (pressed/active states barely documented); functional present feedback, not austere silence\n[density-tier] derived: a spacious-editorial marketing brand read down to an honest, dense-capable operator tier",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "Resend",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "dev-tools",
+        "email-api",
+        "dashboard",
+        "log-stream",
+        "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,
+            250
+          ],
+          "easings": [
+            "cubic-bezier(0.4,0,0.2,1)"
+          ]
+        },
+        "icons": {
+          "family": "lucide"
+        },
+        "accent-count": 1
+      }
+    }
+  },
+  "primitive": {
+    "radius": {
+      "$type": "dimension",
+      "$value": {
+        "value": 8,
+        "unit": "px"
+      },
+      "$description": "corpus: buttons/inputs at rounded.md (8px); cards and code wells step to 12px (lg), 16px large; pill is badges-only"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.1,
+      "$description": "derived: corpus has no drop-shadow language (\"hairlines carry the role drop shadows would\"); only the light floor's overlays earn the faintest lift"
+    },
+    "border-weight": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      },
+      "$description": "corpus: all borders are 1px translucent-white hairlines"
+    },
+    "density-gap": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: marketing is spacious-editorial (96-128px bands); operator reads down to an honest standard tier, breathing carried by shell dims 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",
+        "sans-serif"
+      ],
+      "$description": "corpus: Inter is the documented open-source UI face; ABC Favorit (marketing body) and Domaine Display (hero serif) stay behind",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Inter, system-ui, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "Geist Mono",
+        "ui-monospace",
+        "SFMono-Regular",
+        "monospace"
+      ],
+      "$description": "corpus: Geist Mono in every code well",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Geist Mono, ui-monospace, SFMono-Regular, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400,
+      "$description": "corpus: body weight stays at 400; hierarchy is family/size change, never a weight bump"
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 500,
+      "$description": "corpus: headings and button labels at 500; the brand never bolds body to 600"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": -0.015,
+      "$description": "corpus: negative letter-spacing on headings (heading-md -0.4px at 24px) scaled to em; the -0.96px hero display tracking stays behind",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "-0.015em"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus documents no motion (marketing site); 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 easing; 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 translucent-white hairlines are the intentional depth language; the structural 14% border reads on black without a boost"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.5,
+      "$description": "derived: corpus silent on icons; a fine precise stroke suits the minimal editorial-technical 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": 248,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no app shell (marketing nav only); standard expanded rail"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: standard operator icon rail"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 64,
+        "unit": "px"
+      },
+      "$description": "corpus: nav-bar height 64px (the brand's nav height)"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 420,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; standard detail-panel width"
+    },
+    "side-panel-width-rich": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "corpus: email-mockup inset max width 640px, reused for the content-heavy 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; readable single-column form cap"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 40,
+        "unit": "px"
+      },
+      "$description": "derived: technical dark grid at standard density; dense archetypes step down via the surface catalog"
+    }
+  },
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$description": "derived: no documented light mode; daytime inversion of the black canvas",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$description": "corpus: on-light ink is #000000",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "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,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9451,
+          0.96863,
+          0.99608
+        ],
+        "hex": "#f1f7fe"
+      },
+      "$description": "corpus: surface-light, the one documented light-tinted off-white",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f1f7fe"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.35686,
+          0.37647,
+          0.4
+        ],
+        "hex": "#5b6066"
+      },
+      "$description": "derived: mid cool gray for secondary text on white (corpus on-light-mute is navy-tinted)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#5b6066"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.89412,
+          0.9098,
+          0.93333
+        ],
+        "hex": "#e4e8ee"
+      },
+      "$description": "derived: light cool hairline",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e4e8ee"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.89412,
+          0.9098,
+          0.93333
+        ],
+        "hex": "#e4e8ee"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e4e8ee"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$description": "derived: focus thickens to ink; on light that ink is black",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$description": "derived: the white-hot primary inverts to near-black — the highest-contrast solid anchor on white",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "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.93333,
+          0.95686,
+          0.98824
+        ],
+        "hex": "#eef4fc"
+      },
+      "$description": "derived: cool light selection wash, a tint of muted; never colored",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#eef4fc"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.88235,
+          0.11373,
+          0.24706
+        ],
+        "hex": "#e11d3f"
+      },
+      "$description": "derived: brand red #ff2047 darkened for white-bg contrast",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e11d3f"
+        }
+      }
+    },
+    "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.03922,
+          0.61569,
+          0.38824
+        ],
+        "hex": "#0a9d63"
+      },
+      "$description": "derived: brand neon green #11ff99 darkened for readable status on white",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0a9d63"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.72157,
+          0.47451,
+          0.03922
+        ],
+        "hex": "#b8790a"
+      },
+      "$description": "derived: brand yellow #ffc53d darkened to amber for white-bg contrast",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#b8790a"
+        }
+      }
+    },
+    "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,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9451,
+          0.96863,
+          0.99608
+        ],
+        "hex": "#f1f7fe"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f1f7fe"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.45882,
+          1
+        ],
+        "hex": "#0075ff"
+      },
+      "$description": "derived: brand accent-blue for light readability (corpus glow rgba(0,117,255))",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0075ff"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.03922,
+          0.61569,
+          0.38824
+        ],
+        "hex": "#0a9d63"
+      },
+      "$description": "derived: brand green darkened for light",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0a9d63"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87843,
+          0.4,
+          0
+        ],
+        "hex": "#e06600"
+      },
+      "$description": "derived: brand orange #ff801f darkened for light",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e06600"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.76078,
+          0.52941,
+          0.03922
+        ],
+        "hex": "#c2870a"
+      },
+      "$description": "derived: brand yellow darkened for light",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#c2870a"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.88235,
+          0.11373,
+          0.24706
+        ],
+        "hex": "#e11d3f"
+      },
+      "$description": "derived: brand red darkened for light",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e11d3f"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96863,
+          0.97647,
+          0.98824
+        ],
+        "hex": "#f7f9fc"
+      },
+      "$description": "derived: faint cool tint below the white canvas so the rail reads as chrome",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f7f9fc"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "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.93333,
+          0.95686,
+          0.98824
+        ],
+        "hex": "#eef4fc"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#eef4fc"
+        }
+      }
+    },
+    "sidebar-accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "sidebar-border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.89412,
+          0.9098,
+          0.93333
+        ],
+        "hex": "#e4e8ee"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e4e8ee"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    }
+  },
+  "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.5,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h2": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 20,
+            "unit": "px"
+          },
+          "lineHeight": 1.3,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 16,
+            "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.5,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0
+        }
+      },
+      "small": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 13,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0
+        }
+      },
+      "caption": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 12,
+            "unit": "px"
+          },
+          "lineHeight": 1.5,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0
+        },
+        "$description": "eyebrow, footer meta"
+      }
+    }
+  }
+}