Energetic 设计系统技能(通用)用于撰写可直接落地的设计系统规范,面向工程师与设计师。其风格基础为:大胆、几何、鲜亮、粗边框;字体主字体与展示字体均为 Limelight,等宽字体为 JetBrains Mono,字重 400;字号阶梯为 12/14/16/20/24/32/48。颜色使用 primary、secondary、neutral 三类令牌:primary=#EA580B,secondary=#F59E0B,background=#FFEDD5,surface=#FDBA74,text=#EA580C。间距阶梯为 4/8/12/16/24/32/48/64,4px 粗边框是标志性元素。可访问性要求 WCAG 2.2 AA、键盘优先交互、可见焦点状态,强调高对比。写作语气为有力、动感、激励、大胆。规则要求优先使用语义令牌而非原始值,结构元素和容器用 4px 粗边框,用粗体排版保持层级,交互状态用缩放或变换动画明确表达;避免细边框、低对比文字、间距节奏不一致、细微或缓慢动画,倾向干脆的弹簧式动效。生成指南时按上下文与目标、设计令牌与基础、组件级规则、可访问性要求与可测试验收标准、内容与语气标准、反模式与禁止实现、QA 清单的结构输出;组件需定义 default、hover、focus-visible、active、disabled、loading、error 等状态,并说明键盘、指针、触摸交互、响应式行为与边界情况。所有规则须锚定到令牌、阈值或示例,可访问性陈述须可测试,冲突时优先可访问性。资料未提供具体平台限制、收费或版本信息。
energetic
设计与创作
更新于 10-15 20:06