用途:Vibrant 是一套设计系统技能(Design System Skill),用于为“Vibrant”风格编写可直接落地的设计规范,供工程师和设计师直接使用。其风格定位为现代、干净、大胆、俏皮,带有温暖点缀与动态视觉能量。
主要能力:提供风格基础,包括字体层级 14/16/18/24/32/40,字体 primary=Noto Sans、display=Fascinate、mono=Fira Code,字重 100 至 900;色彩令牌 primary=#7C61D4、secondary=#EAAE87、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#2F281D;间距刻度 2/4/8/12/16/24/32/48。无障碍方面要求 WCAG 2.2 AA、键盘优先交互、可见焦点状态、屏幕阅读器测试标签、减少动效支持、44px 以上触控目标与高对比度支持。
使用方式:按“先基础、后组件”的顺序编写规范,先复述设计意图,再定义令牌与基础约束,然后给出组件解剖、变体、状态与交互行为,并附无障碍验收标准、内容语气标准、反模式与迁移说明,最后以可在代码评审中执行的 QA 清单收尾。规则用 must 表示不可协商,should 表示建议。
适用场景:需要统一视觉层级、交互状态与无障碍标准的界面设计与前端实现。
限制:资料未提供具体安装命令、平台支持范围、收费方式或实际效果数据;组件级细节需依据上述结构自行展开。