用途:在创建落地页、营销站点、仪表盘、管理界面、品牌化 UI 组件,或审查设计辨识度、实现视觉打磨与动画时使用;不用于后端/API 代码、写测试、不会上线的快速原型。
主要能力:从四个设计向量给出规范。排版上避免把 Inter、Roboto、Arial 作为主字体(可作回退),推荐 Plus Jakarta Sans、Bricolage Grotesque、Space Grotesk、Outfit、Manrope、Playfair Display、Nunito 等,并强调大幅字重对比与清晰字号层级;配色上使用真正的深色(近黑,避免 gray-900、slate-900)、单一强调色、语义色(绿=成功、琥珀=警告、红=错误)与文本层级;动效上用 CSS 过渡与 Framer Motion 编排,关注页面加载、状态变化等高冲击时刻,列表错峰揭示;背景与深度上使用分层渐变、品牌色光晕、细微网格图案与卡片悬浮感,避免纯平背景。
使用方式:以 Tailwind 类名与 Framer Motion 变体给出示例;附带 typography-guide.md、motion-patterns.md、anti-patterns.md 等参考文件;设计 token 对齐 DTCG 2025.10 格式(.tokens.json,属性以 $ 前缀,三层架构 Core→Semantic→Component)。完成 UI 前按校验清单核对排版、颜色、强调色、动效、深度、层级与一致性。
限制:资料未说明具体安装命令、收费、价格、平台或效果数据,暂未提供。