SuperAPI AI 工具集

vintage

设计与创作

查看项目

更新于 10-15 17:25

技能介绍

用途:Vintage 是一套面向工程师与设计师的复古设计系统指南,用于把 1950–1990 年代的怀旧美学与现代可用性结合,产出可直接实施的设计规范。

主要能力:定义视觉风格(干净、复古)、字体与字号体系、颜色令牌、间距体系、无障碍要求、文案语气,以及组件级规则(结构、变体、状态、响应式行为)。

基础规范:字号 12/14/16/20/24/32;字体 primary=Silkscreen、display=Silkscreen、mono=JetBrains Mono,字重 400、700。颜色令牌:primary=#008080、secondary=#C0C0C0、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#C0C0C0、text=#000000。间距 4/8/12/16/24/32。无障碍遵循 WCAG 2.2 AA,键盘优先,焦点状态可见。

使用方式:先复述设计意图,再定义令牌与基础约束,然后给出组件规则、无障碍验收标准、文案标准、反模式与迁移说明,最后附代码评审可执行的 QA 清单。组件需定义 default、hover、focus-visible、active、disabled、loading、error 等状态,并说明键盘、指针、触摸交互。

限制:规则须锚定令牌、阈值或示例,避免仅用模糊形容词;无障碍声明须可测试;美学与无障碍冲突时优先无障碍。资料未提供具体组件代码示例、平台支持范围与收费信息。