用途:在为新页面、落地页或站点确定艺术方向、视觉风格或完整设计系统时使用;也用于浏览、比较并挑选设计方向。
主要能力:提供 44 套自包含设计系统,每套占一个目录,结构为 DESIGN.md(概念、字体、颜色、间距、动效规则的文字规格)、metadata.json(名称与一句话说明)、css/system.css(完整可直接改造的 CSS 系统)、html/preview.html 与 cover.html(完整演示页)、images/ 或 screenshots/。
使用方式:先读 INDEX.md 浏览,每套一行含名称、说明、体量;按需求语气筛选 2-3 个方向,例如金融 SaaS 可看 verda-finance、lumenwave-finance、voltline-analytics,编辑/工作室类可看 folio、boldcase、frame-field,暗色技术类可看 forge、cairn-2、fuzzy-duck-40-*;再读入选的 DESIGN.md 了解推理依据;打开 html/preview.html(或做无头截图)进行视觉判断;最后把 css/system.css 中的令牌与模式迁移进项目技术栈,命名可改但需保留系统的比例、字体搭配与动效常量。
适用场景:需要快速确定页面视觉基调、对比多个设计方向、获取成套设计规格作为起点的情形。
限制:这些是起始系统而非品牌法则,与 ColdIQ 品牌约束冲突时以品牌约束为准;同一页面绝不能混用两套包的令牌,需选定一个方向并坚持;用户要求展示方向时,应给出 3 个对比鲜明的选项并附一句话理由,而非罗列全部 44 套。其他信息暂未提供。