SuperAPI AI 工具集

contemporary

设计与创作

查看项目

更新于 10-15 17:25

技能介绍

用途:为“当代(contemporary)”风格编写可直接实施的设计系统指南,供工程师与设计师使用。

主要能力:定义品牌与风格基础(现代、极简、大胆、俏皮);排版采用桌面优先的表现性比例,字体 primary=Jost、display=Jost、mono=Overpass Mono,字重 100–900;色彩令牌 primary=#C800DF、secondary=#E60076、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827;间距采用舒适密度模式。可访问性要求 WCAG 2.2 AA、键盘优先、可见焦点、语义 HTML 优先于 ARIA、屏幕阅读器测试标签、减少动效支持、44px+ 触控目标与高对比度。

使用方式:按工作流先一句话重述设计意图,再定义令牌与基础约束,然后给出组件级规则(结构、变体、状态、响应式),补充可测试的可访问性验收标准与文案语气标准,列出反模式与迁移说明,最后给出可在代码评审中执行的 QA 清单。输出结构为:背景与目标、设计令牌与基础、组件规则、可访问性要求、内容与语气、反模式、QA 清单。组件需定义 default、hover、focus-visible、active、disabled、loading、error 等状态,并说明键盘、指针、触控行为及长标签、空状态、溢出等边界。

限制:规则须锚定令牌、阈值或示例,避免仅用模糊形容词;可访问性陈述必须可测试;美学与可访问性冲突时优先可访问性。资料未提供具体组件代码、安装命令、收费与平台信息。