用途:这是给 Cursor 使用的设计系统指南写作技能,目标是为 Immersive 风格产出可直接落地的规范,供工程师与设计师使用。
视觉定位:沉浸式、交互式、展览式界面,融合叙事、动画与游戏化元素。整个应用置于单一连续的品牌色画布(深绿)上,各区块背景不交替变化;白色卡片配粗黑边框与硬偏移块状阴影,超大号压缩显示字体(Oswald)从画布上凸显。按钮为倾斜白色块,带硬黑阴影,悬停时阴影增大。装饰性几何块使用品牌三级色(钴蓝)与四级色(亮粉),叠在卡片后方增加层次。
基础规范:视觉风格为现代、干净、高对比。字号阶梯 12/14/16/20/24/32;字体 primary=Oswald、display=Oswald、mono=JetBrains Mono;字重 100 至 900。颜色含 primary、neutral、success、warning、danger;令牌 primary=#00592B、secondary=#0023D1、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827。间距阶梯 4/8/12/16/24/32。无障碍要求 WCAG 2.2 AA、键盘优先交互、可见焦点状态。
规则要点:优先语义令牌而非原始值,保持视觉层级与交互状态明确;避免低对比文字、间距节奏不一致与含混标签。组件需定义 default、hover、focus-visible、active、disabled、loading、error 等状态,说明键盘、指针、触摸行为,并包含响应式与长标签、空状态、溢出等边界情况。生成指南时须按固定结构输出:背景与目标、设计令牌与基础、组件级规则、无障碍要求与可测试验收标准、内容与语气标准、反模式与禁止实现、QA 检查清单。
限制:本资料为设计规范写作技能,暂未提供安装命令、价格、平台支持范围与具体代码实现步骤。