SuperAPI AI 工具集

luxury

设计与创作

查看项目

更新于 10-15 16:24

技能介绍

Luxury 是一个面向奢侈品牌体验的通用设计系统技能,由 bergside/awesome-design-skills 提供。它的目标是为工程师和设计师生成实用、可直接实施的设计系统指南。

用途 该技能用于构建高端、深色氛围的奢侈品牌界面,强调大胆标题、单一色调配色与高级质感。它的定位是设计系统指南作者,帮助团队在实现层面保持品牌一致性、交互显式性和无障碍可用性。

主要能力

  • 视觉风格:现代、粗体、大标题,构建高端品牌体验。
  • 字体系统:桌面优先的表现型字体尺度;主字体 Oswald,展示字体 Oswald,等宽字体 JetBrains Mono;字重覆盖 100、200、300、400、500、600、700、800、900。
  • 色彩令牌:主色 #FAFAFA、次色 #FAFAFA、成功 #16A34A、警告 #D97706、危险 #DC2626、表面色 #000000、文字色 #ffffff。
  • 间距系统:基于 8pt 基线网格。
  • 无障碍基础:键盘优先交互、可见焦点状态、语义化 HTML 优先于 ARIA、44px 以上触摸目标、高对比度支持。
  • 写作语气:简洁、自信、有帮助。
  • 规则约束:优先使用语义化 token 而非原始值;保持视觉层级;明确交互状态;避免低对比度文字、不一致的间距节奏、含糊标签。

使用方式 该技能以设计系统指南的形式输出内容,通常按固定结构展开:背景与目标、设计令牌与基础、组件级规则(结构、变体、状态、响应式行为)、无障碍要求与可测试验收标准、内容与语气标准及示例、反模式与禁止实现、QA 检查清单。在生成指南时,需先重述设计意图,再定义令牌与基础约束,然后给出组件级规则;组件需定义默认、悬停、焦点可见、激活、禁用、加载、错误等状态,并说明键盘、指针、触摸交互行为,明确间距、字体与颜色 token 的使用,涵盖响应式行为与边界情况(长标签、空状态、溢出)。质量门要求:规则不能仅依赖含糊形容词,必须锚定到 token、阈值或示例;每条无障碍声明都可在实现中测试;优先系统一致性而非一次性局部优化;当美学与无障碍冲突时优先无障碍。约束语言中,"must" 用于不可协商规则,"should" 用于建议;每条 do 规则至少配一个具体 don't 示例;引入新模式时附上迁移指导。

适用场景 适合需要高端深色视觉的奢侈品牌网站、产品界面或品牌体验设计系统建设,尤其适合需要统一 token、组件状态与无障碍标准的工程与设计协作场景。

限制 该资料未提供具体组件实现的代码、收费或价格信息、性能数据、平台限制或实际使用效果,这些内容暂未提供。