你会得到

  • 符合开放格式的 DESIGN.md,前置元数据中是令牌,正文是书面指引
  • tokens.json(W3C 设计令牌)和带浅色与深色主题的 tokens.css
  • 转为轮廓的 SVG 字标、符号、组合标、反白版和单色版
  • 一张单页品牌板,提供离线 HTML 和 PDF,含 4 到 6 个样机
  • 一页三方向情绪板,供你选择

适合

  • 一次会话内为新产品、小店或副业项目建立视觉身份
  • 编写 DESIGN.md,让编程 Agent 不再生成千篇一律的界面
  • 把现有的主题文件变成有文档、经过对比度检查的系统
  • 用于提案或首次客户会面的可信品牌板

不适合

  • 商标查重:它会避开近似的形象,但不检索商标库
  • 吉祥物或完整的插画系统
  • 需要逐行对照严格既有品牌手册的项目

怎么用

在 Claude 或 ChatGPT 里

用 PopNow 的技能「品牌套件与 DESIGN.md 生成器」(brand-kit-design-md)帮我做这件事:为 Lumen Notes 做品牌套件,它是一款面向深夜工作研究人员的沉静笔记应用。温暖而略带机智,绝不做又一个紫色 AI 应用。目前还没有 logo。

在编程 Agent 里

/popnow-brand-kit-design-md 为 Lumen Notes 做品牌套件,它是一款面向深夜工作研究人员的沉静笔记应用。温暖而略带机智,绝不做又一个紫色 AI 应用。目前还没有 logo。

接着试试

选方向 A,但标签颜色借用方向 B 的绿色。

目前只做精简版:色板、字体和语气,不要图片版权。

需要准备

  • 关于产品、受众和个性的几句话
  • 你不想与之相似的竞品,如果知道它们的主色也请一并提供
  • 任何你想保留的 logo、颜色或字体
  • Python 3 和 Chrome;转换轮廓字标需要 fonttools

类似技能

查看全部 →

常见问题

什么是 DESIGN.md,谁会读它?

它是纯文本的设计系统:顶部是 YAML 令牌,下面是书面指引。编程和设计 Agent 会读取它,以保持颜色、字体和间距的一致。本技能按其他工具可以检查和导出的开放格式编写,并在同一个额外键下加入标志文件、字体许可、对比度配对和语气示例。

颜色真的符合无障碍要求吗?

你会用到的每一组文字与背景配对都会被声明,并由脚本按 WCAG 2.2 检查,包括深色模式。不达标的配对会换成色相相同、最接近且达标的颜色,对比度数值向下取整,所以通过的一定是真的通过。

标志是 AI 生成的图片吗?

不是。字标由开放许可字体转为轮廓,符号则由几个干净的 SVG 图形绘制。PopNow 的草图可以启发符号设计,但位图绝不会作为标志交付,检查工具也会拒绝位图标志。

它如何避免看起来像某个竞争对手?

你需要列出要避开的品牌,包括它们的颜色和标志描述。检查会标记重复其配色的色板,提示词从不点名这些品牌,并在绘制符号之前将其与对方标志比对。它不是法律意义上的商标检索。