@nebutra/brand 2.0.0 → 3.0.0

package/dist/index.js

@@ -20,7 +20,6 @@ var brand = {
     api: "api.nebutra.com",
     auth: "auth.nebutra.com",
     sso: "sso.nebutra.com",
-    docs: "docs.nebutra.com",
     studio: "studio.nebutra.com",
     cdn: "cdn.nebutra.com",
     router: "router.nebutra.com",
@@ -71,17 +70,17 @@ var colors = {
   },
   neutral: {
     "0": "#ffffff",
-    "50": "#f8fafc",
-    "100": "#f1f5f9",
-    "200": "#e2e8f0",
-    "300": "#cbd5e1",
-    "400": "#94a3b8",
-    "500": "#64748b",
-    "600": "#475569",
-    "700": "#334155",
-    "800": "#1e293b",
-    "900": "#0f172a",
-    "950": "#020617"
+    "50": "#f9fafb",
+    "100": "#f3f4f6",
+    "200": "#e4e5e8",
+    "300": "#d2d4d8",
+    "400": "#9fa1a5",
+    "500": "#717377",
+    "600": "#515357",
+    "700": "#3f4044",
+    "800": "#26272a",
+    "900": "#18191c",
+    "950": "#0b0c0d"
   },
   white: "#FFFFFF",
   black: "#000000",
@@ -102,18 +101,12 @@ var colors = {
 };
 var typography = {
   fontFamily: {
-    en: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif',
-    cn: '"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif',
-    sans: '"Geist", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, system-ui, sans-serif',
+    en: '"Geist", -apple-system, BlinkMacSystemFont, system-ui, sans-serif',
+    cn: '"MiSans", "PingFang SC", "Microsoft YaHei", sans-serif',
+    sans: '"Geist", "MiSans", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, system-ui, sans-serif',
     mono: '"Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace',
-    display: '"Geist", "Noto Sans SC", sans-serif',
-    heading: '"Geist", "Noto Sans SC", sans-serif',
-    brandPrint: '"Noto Sans SC", "PingFang SC", sans-serif'
-  },
-  cssVars: {
-    sans: "var(--font-geist-sans)",
-    mono: "var(--font-geist-mono)",
-    cnSans: "var(--font-noto-sc)"
+    display: '"DM Sans", "MiSans", "PingFang SC", sans-serif',
+    heading: '"DM Sans", "MiSans", "PingFang SC", sans-serif'
   },
   fontWeight: {
     thin: 100,
@@ -227,6 +220,10 @@ function getBrandOrigin(service) {
   }
   return `https://${host.replace(/^https?:\/\//, "").replace(/\/+$/, "")}`;
 }
+function getDocsUrl(service = "landing", path = "") {
+  const suffix = path.replace(/^\/+/, "");
+  return `${getBrandOrigin(service)}/docs${suffix ? `/${suffix}` : ""}`;
+}
 function publicAssetUrl(key, base) {
   const origin = (base || process.env.NEXT_PUBLIC_R2_PUBLIC_URL || process.env.R2_PUBLIC_URL || getBrandOrigin("cdn")).replace(/\/+$/, "");
   const path = key.replace(/^\/+/, "");
@@ -267,7 +264,7 @@ function getBrandPublicUrls() {
     apiUrl: getBrandOrigin("api"),
     authUrl: getBrandOrigin("auth"),
     ssoUrl: getBrandOrigin("sso"),
-    docsUrl: getBrandOrigin("docs"),
+    docsUrl: getDocsUrl(),
     routerUrl: getBrandOrigin("router"),
     forgeUrl: getBrandOrigin("forge"),
     designUrl: getBrandOrigin("design"),
@@ -537,6 +534,243 @@ function Wordmark({
   );
 }
 
+// src/guidelines/color.ts
+function rgbOf(hex) {
+  const n = Number.parseInt(hex.replace("#", ""), 16);
+  return { r: n >> 16 & 255, g: n >> 8 & 255, b: n & 255 };
+}
+function hslOf(hex) {
+  const { r, g, b } = rgbOf(hex);
+  const [rr, gg, bb] = [r / 255, g / 255, b / 255];
+  const max = Math.max(rr, gg, bb);
+  const min = Math.min(rr, gg, bb);
+  const l = (max + min) / 2;
+  const d = max - min;
+  let h = 0;
+  if (d !== 0) {
+    if (max === rr) h = (gg - bb) / d % 6;
+    else if (max === gg) h = (bb - rr) / d + 2;
+    else h = (rr - gg) / d + 4;
+  }
+  const s = d === 0 ? 0 : d / (1 - Math.abs(2 * l - 1));
+  return { h: Math.round((h * 60 + 360) % 360), s: Math.round(s * 100), l: Math.round(l * 100) };
+}
+function stopsOf(css) {
+  return [...css.matchAll(/(#[0-9a-fA-F]{6})\s+(\d+)%/g)].map(
+    ([, color, position]) => Number(position) === 50 ? { color, position: 50, note: "OKLab midpoint" } : { color, position: Number(position) }
+  );
+}
+var nebutraBlue = {
+  name: "\u4E91\u6BD3\u84DD",
+  nameEn: "Nebutra Blue",
+  /** Color values */
+  hex: colors.primary[500],
+  rgb: rgbOf(colors.primary[500]),
+  hsl: hslOf(colors.primary[500]),
+  /** Print color values (if needed) */
+  cmyk: { c: 100, m: 80, y: 0, k: 0 },
+  /** Semantic meaning */
+  meaning: "\u8C61\u5F81\u79D1\u6280\u4E0E\u4FE1\u4EFB\uFF0C\u4F53\u73B0\u521B\u65B0\u3001\u53EF\u9760\u4E0E\u65E0\u9650\u6F5C\u529B",
+  /** Usage */
+  usage: ["\u4E3B\u8981\u54C1\u724C\u8272", "\u6807\u5FD7\u4E3B\u8272", "\u91CD\u8981\u6309\u94AE/CTA", "\u6807\u9898\u5F3A\u8C03", "\u94FE\u63A5\u989C\u8272"]
+};
+var nebutraCyan = {
+  name: "\u4E91\u6BD3\u9752",
+  nameEn: "Nebutra Cyan",
+  /** Color values */
+  hex: colors.accent[500],
+  rgb: rgbOf(colors.accent[500]),
+  hsl: hslOf(colors.accent[500]),
+  /** Print color values (if needed) */
+  cmyk: { c: 55, m: 0, y: 35, k: 0 },
+  /** Semantic meaning */
+  meaning: "\u8C61\u5F81\u4FE1\u606F\u7684\u6E05\u6670\u4E0E\u7B97\u6CD5\u7684\u7075\u52A8\uFF0C\u4F53\u73B0\u4ECE\u539F\u59CB\u6570\u636E\u5230\u667A\u6167\u4EA7\u54C1\u7684\u8F6C\u5316\u8DEF\u5F84",
+  /** Usage */
+  usage: ["\u8F85\u52A9\u54C1\u724C\u8272", "\u6E10\u53D8\u7EC8\u6B62\u8272", "\u4EA4\u4E92\u53CD\u9988", "\u6210\u529F\u72B6\u6001", "\u6570\u636E\u53EF\u89C6\u5316"]
+};
+var brandGradient = {
+  /** Primary gradient (135°) - Logo标准渐变；中点为 OKLab 感知中点，控中段避免脏灰 */
+  primary: {
+    css: colors.gradient.primary,
+    angle: 135,
+    stops: stopsOf(colors.gradient.primary),
+    usage: "Logo\u3001Hero\u533A\u57DF\u3001VI \u54C1\u724C\u8D44\u4EA7\uFF08\u4EA7\u54C1 CTA \u7528 solid primary\uFF09"
+  },
+  /** Reverse gradient */
+  reverse: {
+    css: colors.gradient.primaryReverse,
+    angle: 135,
+    stops: stopsOf(colors.gradient.primaryReverse),
+    usage: "\u6B21\u8981\u5143\u7D20\u3001hover\u72B6\u6001"
+  },
+  /** Vertical gradient */
+  vertical: {
+    css: colors.gradient.primaryVertical,
+    angle: 180,
+    stops: stopsOf(colors.gradient.primaryVertical),
+    usage: "\u5782\u76F4\u5E03\u5C40\u5143\u7D20\u3001\u9875\u9762\u5206\u5272"
+  },
+  /** Radial gradient */
+  radial: {
+    css: colors.gradient.primaryRadial,
+    type: "radial",
+    stops: stopsOf(colors.gradient.primaryRadial),
+    usage: "\u80CC\u666F\u5149\u6655\u3001\u7126\u70B9\u6548\u679C"
+  }
+};
+var neutralColors = {
+  white: {
+    name: "\u767D",
+    nameEn: "White",
+    hex: "#FFFFFF",
+    rgb: { r: 255, g: 255, b: 255 },
+    usage: "\u80CC\u666F\u3001\u6587\u5B57\u53CD\u767D"
+  },
+  black: {
+    name: "\u9ED1",
+    nameEn: "Black",
+    hex: "#000000",
+    rgb: { r: 0, g: 0, b: 0 },
+    usage: "\u6B63\u6587\u6587\u5B57\u3001\u58A8\u7A3F\u6807\u5FD7"
+  }
+};
+var colorProhibitedUses = [
+  {
+    id: "high-saturation-overlay",
+    name: "\u9AD8\u9971\u548C\u5EA6\u80CC\u666F\u4E0E\u989C\u8272\u91CD\u53E0",
+    description: "\u7981\u7528\u9AD8\u9971\u548C\u5EA6\u80CC\u666F\u4E0E\u989C\u8272\u91CD\u53E0\uFF0C\u907F\u514D\u989C\u8272\u8FC7\u4E8E\u523A\u773C\uFF0C\u5F71\u54CD\u54C1\u724C\u5F62\u8C61",
+    example: "\u4E0D\u8981\u5728\u9AD8\u9971\u548C\u5EA6\u7684\u7EA2\u3001\u6A59\u3001\u9EC4\u7B49\u80CC\u666F\u4E0A\u4F7F\u7528\u54C1\u724C\u8272"
+  },
+  {
+    id: "high-brightness-overlay",
+    name: "\u660E\u5EA6\u8FC7\u9AD8\u7684\u91CD\u53E0\u989C\u8272",
+    description: "\u7981\u7528\u660E\u5EA6\u8FC7\u9AD8\u7684\u91CD\u53E0\u989C\u8272\uFF0C\u907F\u514D\u5F71\u54CD\u5185\u5BB9\u7684\u8BC6\u522B\u6027",
+    example: "\u4E0D\u8981\u5C06\u6D45\u8272\u54C1\u724C\u8272\u653E\u5728\u6D45\u8272\u80CC\u666F\u4E0A"
+  },
+  {
+    id: "modify-brand-colors",
+    name: "\u4FEE\u6539\u54C1\u724C\u6807\u51C6\u8272",
+    description: "\u7981\u6B62\u8C03\u6574\u54C1\u724C\u8272\u7684\u8272\u76F8\u3001\u9971\u548C\u5EA6\u6216\u660E\u5EA6",
+    example: "\u4E0D\u8981\u5C06\u4E91\u6BD3\u84DD\u8C03\u6210\u7D2B\u8272\u6216\u6D45\u84DD"
+  },
+  {
+    id: "non-brand-gradient",
+    name: "\u975E\u54C1\u724C\u6E10\u53D8",
+    description: "\u7981\u6B62\u4F7F\u7528\u975E\u54C1\u724C\u6807\u51C6\u7684\u6E10\u53D8\u7EC4\u5408",
+    example: "\u4E0D\u8981\u5C06\u4E91\u6BD3\u84DD\u4E0E\u5176\u4ED6\u975E\u54C1\u724C\u8272\u8FDB\u884C\u6E10\u53D8"
+  }
+];
+var allowedColorCombinations = [
+  {
+    name: "\u54C1\u724C\u6E10\u53D8\u80CC\u666F + \u767D\u8272\u6587\u5B57",
+    background: brandGradient.primary.css,
+    foreground: "#FFFFFF",
+    contrast: "AAA"
+  },
+  {
+    name: "\u767D\u8272\u80CC\u666F + \u4E91\u6BD3\u84DD\u6587\u5B57",
+    background: "#FFFFFF",
+    foreground: "#0033FE",
+    contrast: "AAA"
+  },
+  {
+    name: "\u6DF1\u8272\u80CC\u666F + \u4E91\u6BD3\u9752\u5F3A\u8C03",
+    background: "#000000",
+    foreground: "#0BF1C3",
+    contrast: "AAA"
+  },
+  {
+    name: "\u4E91\u6BD3\u84DD\u80CC\u666F + \u767D\u8272\u6587\u5B57",
+    background: "#0033FE",
+    foreground: "#FFFFFF",
+    contrast: "AAA"
+  }
+];
+var nebutraBlueScale = colors.primary;
+var nebutraCyanScale = colors.accent;
+var nebutraNeutralScale = {
+  50: colors.neutral[50],
+  100: colors.neutral[100],
+  200: colors.neutral[200],
+  300: colors.neutral[300],
+  400: colors.neutral[400],
+  500: colors.neutral[500],
+  600: colors.neutral[600],
+  700: colors.neutral[700],
+  800: colors.neutral[800],
+  900: colors.neutral[900],
+  950: colors.neutral[950]
+};
+var semanticColors = {
+  // Surface colors
+  surface: {
+    light: {
+      default: nebutraNeutralScale[50],
+      subtle: nebutraNeutralScale[100],
+      muted: nebutraNeutralScale[200]
+    },
+    dark: {
+      default: nebutraNeutralScale[950],
+      subtle: nebutraNeutralScale[900],
+      muted: nebutraNeutralScale[800]
+    }
+  },
+  // Text colors
+  text: {
+    light: {
+      primary: nebutraNeutralScale[900],
+      secondary: nebutraNeutralScale[600],
+      muted: nebutraNeutralScale[400],
+      inverse: "#ffffff"
+    },
+    dark: {
+      primary: nebutraNeutralScale[50],
+      secondary: nebutraNeutralScale[300],
+      muted: nebutraNeutralScale[500],
+      inverse: nebutraNeutralScale[900]
+    }
+  },
+  // Border colors
+  border: {
+    light: {
+      default: nebutraNeutralScale[200],
+      subtle: nebutraNeutralScale[100],
+      strong: nebutraNeutralScale[300]
+    },
+    dark: {
+      default: nebutraNeutralScale[800],
+      subtle: nebutraNeutralScale[900],
+      strong: nebutraNeutralScale[700]
+    }
+  },
+  // Brand emphasis
+  brand: {
+    primary: nebutraBlueScale[500],
+    primaryHover: nebutraBlueScale[600],
+    primaryActive: nebutraBlueScale[700],
+    accent: nebutraCyanScale[500],
+    accentHover: nebutraCyanScale[600],
+    accentActive: nebutraCyanScale[700]
+  }
+};
+var generateColorScale = (baseHex) => {
+  if (baseHex === "#0033FE") return nebutraBlueScale;
+  if (baseHex === "#0BF1C3") return nebutraCyanScale;
+  return {
+    50: baseHex,
+    100: baseHex,
+    200: baseHex,
+    300: baseHex,
+    400: baseHex,
+    500: baseHex,
+    600: baseHex,
+    700: baseHex,
+    800: baseHex,
+    900: baseHex,
+    950: baseHex
+  };
+};
+
 // src/components/LogoSVG.tsx
 import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var LOGO_MARK_CLASS = "text-brand-mark";
@@ -739,11 +973,7 @@ function LogoEnColorSVG({
   logoColorGradSeq += 1;
   const gradId = `nebutra-logo-en-color-grad-${logoColorGradSeq}`;
   const children = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: gradId, gradientUnits: "objectBoundingBox", x1: "0", y1: "0", x2: "1", y2: "1", children: [
-      /* @__PURE__ */ jsx2("stop", { offset: "0", stopColor: "#0033FE" }),
-      /* @__PURE__ */ jsx2("stop", { offset: "0.5", stopColor: "#00A2E9" }),
-      /* @__PURE__ */ jsx2("stop", { offset: "1", stopColor: "#0BF1C3" })
-    ] }) }),
+    /* @__PURE__ */ jsx2("defs", { children: /* @__PURE__ */ jsx2("linearGradient", { id: gradId, gradientUnits: "objectBoundingBox", x1: "0", y1: "0", x2: "1", y2: "1", children: brandGradient.primary.stops.map((stop) => /* @__PURE__ */ jsx2("stop", { offset: stop.position / 100, stopColor: stop.color }, stop.position)) }) }),
     /* @__PURE__ */ jsx2("g", { transform: `scale(${logomarkW / 535.71}, ${h / 500})`, children: /* @__PURE__ */ jsx2("path", { d: LOGOMARK_PATH, fill: `url(#${gradId})` }) }),
     /* @__PURE__ */ jsx2(
       "g",
@@ -784,234 +1014,6 @@ function LogoEnColorSVG({
   );
 }
 
-// src/guidelines/color.ts
-var nebutraBlue = {
-  name: "\u4E91\u6BD3\u84DD",
-  nameEn: "Nebutra Blue",
-  /** Color values */
-  hex: "#0033FE",
-  rgb: { r: 0, g: 51, b: 254 },
-  hsl: { h: 228, s: 100, l: 50 },
-  /** Print color values (if needed) */
-  cmyk: { c: 100, m: 80, y: 0, k: 0 },
-  /** Semantic meaning */
-  meaning: "\u8C61\u5F81\u79D1\u6280\u4E0E\u4FE1\u4EFB\uFF0C\u4F53\u73B0\u521B\u65B0\u3001\u53EF\u9760\u4E0E\u65E0\u9650\u6F5C\u529B",
-  /** Usage */
-  usage: ["\u4E3B\u8981\u54C1\u724C\u8272", "\u6807\u5FD7\u4E3B\u8272", "\u91CD\u8981\u6309\u94AE/CTA", "\u6807\u9898\u5F3A\u8C03", "\u94FE\u63A5\u989C\u8272"]
-};
-var nebutraCyan = {
-  name: "\u4E91\u6BD3\u9752",
-  nameEn: "Nebutra Cyan",
-  /** Color values */
-  hex: "#0BF1C3",
-  rgb: { r: 11, g: 241, b: 195 },
-  hsl: { h: 168, s: 91, l: 49 },
-  /** Print color values (if needed) */
-  cmyk: { c: 55, m: 0, y: 35, k: 0 },
-  /** Semantic meaning */
-  meaning: "\u8C61\u5F81\u4FE1\u606F\u7684\u6E05\u6670\u4E0E\u7B97\u6CD5\u7684\u7075\u52A8\uFF0C\u4F53\u73B0\u4ECE\u539F\u59CB\u6570\u636E\u5230\u667A\u6167\u4EA7\u54C1\u7684\u8F6C\u5316\u8DEF\u5F84",
-  /** Usage */
-  usage: ["\u8F85\u52A9\u54C1\u724C\u8272", "\u6E10\u53D8\u7EC8\u6B62\u8272", "\u4EA4\u4E92\u53CD\u9988", "\u6210\u529F\u72B6\u6001", "\u6570\u636E\u53EF\u89C6\u5316"]
-};
-var brandGradient = {
-  /** Primary gradient (135°) - Logo标准渐变；中点为 OKLab 感知中点，控中段避免脏灰 */
-  primary: {
-    css: "linear-gradient(135deg, #0033FE 0%, #00A2E9 50%, #0BF1C3 100%)",
-    angle: 135,
-    stops: [
-      { color: "#0033FE", position: 0 },
-      { color: "#00A2E9", position: 50, note: "OKLab midpoint" },
-      { color: "#0BF1C3", position: 100 }
-    ],
-    usage: "Logo\u3001Hero\u533A\u57DF\u3001VI \u54C1\u724C\u8D44\u4EA7\uFF08\u4EA7\u54C1 CTA \u7528 solid primary\uFF09"
-  },
-  /** Reverse gradient */
-  reverse: {
-    css: "linear-gradient(135deg, #0BF1C3 0%, #00A2E9 50%, #0033FE 100%)",
-    angle: 135,
-    stops: [
-      { color: "#0BF1C3", position: 0 },
-      { color: "#00A2E9", position: 50, note: "OKLab midpoint" },
-      { color: "#0033FE", position: 100 }
-    ],
-    usage: "\u6B21\u8981\u5143\u7D20\u3001hover\u72B6\u6001"
-  },
-  /** Vertical gradient */
-  vertical: {
-    css: "linear-gradient(180deg, #0033FE 0%, #00A2E9 50%, #0BF1C3 100%)",
-    angle: 180,
-    stops: [
-      { color: "#0033FE", position: 0 },
-      { color: "#00A2E9", position: 50, note: "OKLab midpoint" },
-      { color: "#0BF1C3", position: 100 }
-    ],
-    usage: "\u5782\u76F4\u5E03\u5C40\u5143\u7D20\u3001\u9875\u9762\u5206\u5272"
-  },
-  /** Radial gradient */
-  radial: {
-    css: "radial-gradient(circle, #0BF1C3 0%, #00A2E9 50%, #0033FE 100%)",
-    type: "radial",
-    stops: [
-      { color: "#0BF1C3", position: 0 },
-      { color: "#00A2E9", position: 50, note: "OKLab midpoint" },
-      { color: "#0033FE", position: 100 }
-    ],
-    usage: "\u80CC\u666F\u5149\u6655\u3001\u7126\u70B9\u6548\u679C"
-  }
-};
-var neutralColors = {
-  white: {
-    name: "\u767D",
-    nameEn: "White",
-    hex: "#FFFFFF",
-    rgb: { r: 255, g: 255, b: 255 },
-    usage: "\u80CC\u666F\u3001\u6587\u5B57\u53CD\u767D"
-  },
-  black: {
-    name: "\u9ED1",
-    nameEn: "Black",
-    hex: "#000000",
-    rgb: { r: 0, g: 0, b: 0 },
-    usage: "\u6B63\u6587\u6587\u5B57\u3001\u58A8\u7A3F\u6807\u5FD7"
-  }
-};
-var colorProhibitedUses = [
-  {
-    id: "high-saturation-overlay",
-    name: "\u9AD8\u9971\u548C\u5EA6\u80CC\u666F\u4E0E\u989C\u8272\u91CD\u53E0",
-    description: "\u7981\u7528\u9AD8\u9971\u548C\u5EA6\u80CC\u666F\u4E0E\u989C\u8272\u91CD\u53E0\uFF0C\u907F\u514D\u989C\u8272\u8FC7\u4E8E\u523A\u773C\uFF0C\u5F71\u54CD\u54C1\u724C\u5F62\u8C61",
-    example: "\u4E0D\u8981\u5728\u9AD8\u9971\u548C\u5EA6\u7684\u7EA2\u3001\u6A59\u3001\u9EC4\u7B49\u80CC\u666F\u4E0A\u4F7F\u7528\u54C1\u724C\u8272"
-  },
-  {
-    id: "high-brightness-overlay",
-    name: "\u660E\u5EA6\u8FC7\u9AD8\u7684\u91CD\u53E0\u989C\u8272",
-    description: "\u7981\u7528\u660E\u5EA6\u8FC7\u9AD8\u7684\u91CD\u53E0\u989C\u8272\uFF0C\u907F\u514D\u5F71\u54CD\u5185\u5BB9\u7684\u8BC6\u522B\u6027",
-    example: "\u4E0D\u8981\u5C06\u6D45\u8272\u54C1\u724C\u8272\u653E\u5728\u6D45\u8272\u80CC\u666F\u4E0A"
-  },
-  {
-    id: "modify-brand-colors",
-    name: "\u4FEE\u6539\u54C1\u724C\u6807\u51C6\u8272",
-    description: "\u7981\u6B62\u8C03\u6574\u54C1\u724C\u8272\u7684\u8272\u76F8\u3001\u9971\u548C\u5EA6\u6216\u660E\u5EA6",
-    example: "\u4E0D\u8981\u5C06\u4E91\u6BD3\u84DD\u8C03\u6210\u7D2B\u8272\u6216\u6D45\u84DD"
-  },
-  {
-    id: "non-brand-gradient",
-    name: "\u975E\u54C1\u724C\u6E10\u53D8",
-    description: "\u7981\u6B62\u4F7F\u7528\u975E\u54C1\u724C\u6807\u51C6\u7684\u6E10\u53D8\u7EC4\u5408",
-    example: "\u4E0D\u8981\u5C06\u4E91\u6BD3\u84DD\u4E0E\u5176\u4ED6\u975E\u54C1\u724C\u8272\u8FDB\u884C\u6E10\u53D8"
-  }
-];
-var allowedColorCombinations = [
-  {
-    name: "\u54C1\u724C\u6E10\u53D8\u80CC\u666F + \u767D\u8272\u6587\u5B57",
-    background: brandGradient.primary.css,
-    foreground: "#FFFFFF",
-    contrast: "AAA"
-  },
-  {
-    name: "\u767D\u8272\u80CC\u666F + \u4E91\u6BD3\u84DD\u6587\u5B57",
-    background: "#FFFFFF",
-    foreground: "#0033FE",
-    contrast: "AAA"
-  },
-  {
-    name: "\u6DF1\u8272\u80CC\u666F + \u4E91\u6BD3\u9752\u5F3A\u8C03",
-    background: "#000000",
-    foreground: "#0BF1C3",
-    contrast: "AAA"
-  },
-  {
-    name: "\u4E91\u6BD3\u84DD\u80CC\u666F + \u767D\u8272\u6587\u5B57",
-    background: "#0033FE",
-    foreground: "#FFFFFF",
-    contrast: "AAA"
-  }
-];
-var nebutraBlueScale = colors.primary;
-var nebutraCyanScale = colors.accent;
-var nebutraNeutralScale = {
-  50: colors.neutral[50],
-  100: colors.neutral[100],
-  200: colors.neutral[200],
-  300: colors.neutral[300],
-  400: colors.neutral[400],
-  500: colors.neutral[500],
-  600: colors.neutral[600],
-  700: colors.neutral[700],
-  800: colors.neutral[800],
-  900: colors.neutral[900],
-  950: colors.neutral[950]
-};
-var semanticColors = {
-  // Surface colors
-  surface: {
-    light: {
-      default: nebutraNeutralScale[50],
-      subtle: nebutraNeutralScale[100],
-      muted: nebutraNeutralScale[200]
-    },
-    dark: {
-      default: nebutraNeutralScale[950],
-      subtle: nebutraNeutralScale[900],
-      muted: nebutraNeutralScale[800]
-    }
-  },
-  // Text colors
-  text: {
-    light: {
-      primary: nebutraNeutralScale[900],
-      secondary: nebutraNeutralScale[600],
-      muted: nebutraNeutralScale[400],
-      inverse: "#ffffff"
-    },
-    dark: {
-      primary: nebutraNeutralScale[50],
-      secondary: nebutraNeutralScale[300],
-      muted: nebutraNeutralScale[500],
-      inverse: nebutraNeutralScale[900]
-    }
-  },
-  // Border colors
-  border: {
-    light: {
-      default: nebutraNeutralScale[200],
-      subtle: nebutraNeutralScale[100],
-      strong: nebutraNeutralScale[300]
-    },
-    dark: {
-      default: nebutraNeutralScale[800],
-      subtle: nebutraNeutralScale[900],
-      strong: nebutraNeutralScale[700]
-    }
-  },
-  // Brand emphasis
-  brand: {
-    primary: nebutraBlueScale[500],
-    primaryHover: nebutraBlueScale[600],
-    primaryActive: nebutraBlueScale[700],
-    accent: nebutraCyanScale[500],
-    accentHover: nebutraCyanScale[600],
-    accentActive: nebutraCyanScale[700]
-  }
-};
-var generateColorScale = (baseHex) => {
-  if (baseHex === "#0033FE") return nebutraBlueScale;
-  if (baseHex === "#0BF1C3") return nebutraCyanScale;
-  return {
-    50: baseHex,
-    100: baseHex,
-    200: baseHex,
-    300: baseHex,
-    400: baseHex,
-    500: baseHex,
-    600: baseHex,
-    700: baseHex,
-    800: baseHex,
-    900: baseHex,
-    950: baseHex
-  };
-};
-
 // src/guidelines/logo.ts
 var logoSafetyZone = {
   /** Safety zone ratio relative to logo height */
@@ -1209,6 +1211,9 @@ var logoSpecialVersions = {
 };
 
 // src/guidelines/index.ts
+function firstFamily(stack) {
+  return (stack.split(",")[0] ?? "").trim().replace(/^["']|["']$/g, "");
+}
 var brandGuidelines = {
   // Logo
   logo: {
@@ -1225,18 +1230,20 @@ var brandGuidelines = {
   colors: {
     primary: {
       name: "\u4E91\u6BD3\u84DD",
-      hex: "#0033FE"
+      hex: colors.primary["500"]
     },
     secondary: {
       name: "\u4E91\u6BD3\u9752",
-      hex: "#0BF1C3"
+      hex: colors.accent["500"]
     },
-    gradient: "linear-gradient(135deg, #0033FE 0%, #00A2E9 50%, #0BF1C3 100%)"
+    gradient: colors.gradient.primary
   },
-  // Typography
+  // Typography — the faces the token source chose (metadata.ts reads them
+  // from core.json:fontFamily).
   typography: {
-    cn: "Noto Sans SC",
-    en: "Geist",
+    cn: firstFamily(typography.fontFamily.cn),
+    en: firstFamily(typography.fontFamily.en),
+    heading: firstFamily(typography.fontFamily.heading),
     weights: ["Regular", "Medium", "SemiBold", "Bold"]
   }
 };
@@ -1772,6 +1779,7 @@ export {
   getBrandMailFrom,
   getBrandOrigin,
   getBrandPublicUrls,
+  getDocsUrl,
   getMarketingHomePath,
   getMarketingHomeUrl,
   getMilestoneCopy,