// Multi-surface design system for Tier0 (product UI, company website, marketing deck). Route to the correct surface before generating UI.
| name | tier0-design |
| description | Multi-surface design system for Tier0 (product UI, company website, marketing deck). Route to the correct surface before generating UI. |
| user-invocable | true |
| 用户任务关键词 | Surface | 必读 |
|---|---|---|
| 后台、Namespace、Broker、表格、表单、侧栏、工作台 | tier0-product | surfaces/tier0-product/README.md + sources/spec.product-ui.md + tokens/product.css |
| 官网、定价、UNS 长页、产品叙事、tier0.app | company-website | surfaces/company-website/README.md + sources/spec.company-website.*.md + tokens/website.css |
| PPT、幻灯片、Masterdeck、路演、Keynote | marketing-deck | surfaces/marketing-deck/README.md + sources/spec.marketing-deck.ppt.md + tokens/deck.css |
若未说明场景，先问：产品 UI / 官网 / PPT？以及深色或浅色、受众、交付格式（HTML / React / PPTX）。
foundations/README.md — 品牌、命名、共享禁忌tokens/core.css — 共享色板（lime #B2ED1D、黑 #050B14 等）再加载对应 surface 的 tokens/*.css 与 surfaces/*/README.md。
preview/_shared/（原子）· preview/<surface>/（场景组件，见各目录 README）ui_kits/tier0-product/index.htmlui_kits/company-website/index.htmlsurfaces/marketing-deck/；完整规范 sources/spec.marketing-deck.ppt.mdfoundations/icons-lucide.md）；带 Icon 卡片用 .tier0-card-icon#B2ED1D：品牌点缀，不是产品浅色 UI 的主按钮色（用 #CCF368）。#1D77FE；禁止画面出现 FREEZONEX（仅 Tier0 Logo / 版权）；重点标题绿：深底 #B2ED1D、白底 #73B200；项目符号与卡片顶边始终 #B2ED1D。assets/，引用对应 tokens/*.css。decks/<项目>/，不要写入本设计系统目录。packages/theme）。开发 / 销售 / 设计向 Agent 描述需求时的模板与例句，见仓库根 README.md。