用途:按 Microsoft Foundry 的 NextGen 设计系统构建优雅、可上生产的前端界面。该系统为精致的中性深色主题,仅将紫色用于主要操作等少量强调场景。适用于创建仪表盘、智能体构建器、数据类界面等。
主要能力:提供完整设计令牌(颜色、间距、圆角、字体)、组件规范(Badge、Button、DataGrid、Tabs、Input、Panel)与页面布局模式(实体列表、详情页、仪表盘)。核心规则是紫色(#8251EE / #A37EF5)仅用于主要操作按钮、活动标签下划线、行选中指示条、侧边栏活动图标、链接与交互文本、进度与滑块、输入聚焦环;其余一律使用中性深灰:背景 #0A0A0A、#141414、#1C1C1C,卡片与面板用深灰而非紫色调,正文白色 #FFFFFF,次要文字 #A1A1A1,弱化文字 #6B6B6B,次要按钮为灰色描边加白字,边框 #2A2A2A、#333333。
使用方式:推荐技术栈为 Vite + React + pnpm,初始化命令为 pnpm create vite@latest my-foundry-app --template react-ts,随后 cd my-foundry-app、pnpm install、pnpm add lucide-react recharts。将设计令牌以 CSS 变量形式写入 :root,并按组件规范实现按钮、卡片等。
限制:仅支持深色主题,不使用浅色背景;不使用圆角全满按钮(圆角 4–8px);避免过度动画;不得将紫色用于卡片、面板、次要按钮或紫色调背景与文字。资料未提供具体版本要求、浏览器兼容范围与授权信息。