用途:Cafe 是一个面向工程师与设计师的设计系统指南技能,目标是提供可直接实施的设计规范,让界面呈现温馨咖啡馆般的氛围——暖色调、柔和字体与简洁布局,带来轻松的浏览体验。
主要能力:定义风格基础,包含视觉风格(极简、干净)、排版层级(桌面优先的表现型层级,字体 primary=Poppins、display=Poppins、mono=JetBrains Mono,字重 100-900)、颜色令牌(primary=#5D4432、secondary=#E9E3DD、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#F9F7F5、text=#3E2B1E)以及间距尺度(2/4/8/12/16/24/32/48)。无障碍方面遵循 WCAG 2.2 AA、键盘优先交互与可见焦点状态。写作语气要求简洁、自信、有帮助。
使用方式:遵循其“指南编写工作流”,先用一句话重述设计意图,再定义令牌与基础约束,然后给出组件层面的解剖、变体、状态与响应式行为,附无障碍验收标准与文案规范,接着列出反模式与迁移说明,最后以可在代码评审中执行的 QA 清单收尾。规则上应优先使用语义令牌而非原始值,保持视觉层级与间距节奏一致,交互状态明确。
适用场景:适合需要统一、可实施设计规范的 Web 或产品界面项目,尤其是追求温暖柔和视觉风格的品牌界面。
限制:资料未提供具体平台支持、收费价格、组件完整清单或代码示例,相关内容暂未提供。