用途:为“Creative”风格编写可直接落地的设计系统指南,帮助工程师与设计师在落地页及创意项目中保持一致、可实施的设计规范。
主要能力与基础规范:视觉风格为 playful;排版比例为 12/14/16/20/24/32;字体 primary=Bangers、display=Bangers、mono=IBM Plex Mono;字重支持 100-900。色彩包含 primary、secondary、neutral、success、warning、danger 等标记,具体值如 primary=#3B82F6、secondary=#8B5CF6、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827。间距比例为 4/8/12/16/24/32。无障碍目标为 WCAG 2.2 AA,键盘优先交互并有可见焦点状态。文案语气为简洁、自信、有帮助。
使用方式:按指南工作流编写——先用一句话复述设计意图,再定义标记与基础约束,然后写组件规则(结构、变体、状态、响应式),补充无障碍验收标准与内容语气标准,加入反模式与迁移说明,最后以可在代码评审中执行的 QA 清单收尾。需覆盖的必要状态包括 default、hover、focus-visible、active、disabled、loading、error。
规则与限制:优先使用语义化标记而非原始值;保持视觉层级;显式定义交互状态。避免低对比文本、不一致的间距节奏、含糊标签。规则须锚定到具体标记、阈值或示例,避免仅靠模糊形容词;无障碍陈述须可测试;美学与无障碍冲突时优先无障碍。用“must”表示不可协商规则,“should”表示建议。其余信息暂未提供。