用途:为 Perspective 设计风格提供实施级设计系统规范,帮助工程师和设计师构建具有空间深度的界面。
主要能力:定义视觉基础,包括视觉风格(现代、简洁、高对比);字体比例 12/14/16/20/24/32,字体 primary=Poppins、display=Oswald、mono=JetBrains Mono,字重 100–900;调色板含 primary、neutral、success、warning、danger,令牌如 primary=#00BD7D、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827;间距比例 4/8/12/16/24/32。组件规则要求定义默认、hover、focus-visible、active、disabled、loading、error 等状态,说明键盘、指针、触控交互,明确间距、排版与颜色令牌用法,并覆盖响应式行为与边界情况(长标签、空状态、溢出)。
使用方式:先遵循基础规范再保证组件一致性;先用一句话重述设计意图,定义令牌与基础约束,再给出组件级指导;输出结构按上下文与目标、设计令牌与基础、组件规则、无障碍要求与可测试验收标准、内容与语气标准、反模式、QA 清单组织。规则用 must 表示不可协商,should 表示建议,每条 do 规则配至少一个 don't 示例。
适用场景:需要为界面引入等距视图、消失点与分层元素以营造空间纵深时的设计系统编写与评审。
限制:无障碍要求 WCAG 2.2 AA、键盘优先交互、可见焦点状态;避免低对比文字、间距节奏不一致、标签含糊。具体组件示例、迁移细节及实际项目代码未在资料中提供。