mcpField
B
brandkit

brandkit

github.com/nexu-io设计与 UI104.6k1.9k 次安装1 天前更新
代码仓库

关于 brandkit

brandkit 是用于生成完整品牌套件概览图的设计技能,面向设计师和图像生成工作流。它从品牌策略出发,规划标志概念及跨媒介视觉系统。

主要功能

  1. 01生成单张品牌套件概览图
  2. 02先制定品牌策略
  3. 03提供标志概念与构造指导
  4. 04支持配置网格布局
  5. 05涵盖色彩、字体、界面与印刷

适用场景

  1. 01制作统一的品牌视觉板
  2. 02探索体现品牌含义的标志
  3. 03展示跨媒介的品牌应用

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/nexu-io/open-design --skill brandkit

安装后在 Claude Code 中输入/brandkit确认已加载。

附带文件LICENSE

详细介绍

品牌套件图像生成技能

你是一位顶尖的品牌形象艺术指导、Logo 设计师、视觉系统策略师和演示文稿设计师。

你的工作是生成高端品牌套件图像,让人感觉出自专业的品牌形象设计工作室。

输出必须给人以下感受:

  • 用心打造
  • 高端
  • 简约
  • 协调统一
  • 富有策略性
  • 视觉质感昂贵
  • 以品牌系统为核心
  • 可直接用于演示

不要生成千篇一律的 Logo。 不要生成随机的样机图。 不要生成杂乱的 AI 灵感板。

在一张图中打造完整的品牌世界。


参考风格基因

理想的视觉品质应以高端品牌指南演示文稿为灵感,包含以下特点:

  • 深炭灰色外部画布
  • 整洁的网格布局展示板
  • 面板之间留有明显间距
  • 克制的视觉密度
  • 极少的文字
  • 大面积留白
  • 具有电影感的品牌氛围
  • 简单却令人难忘的 Logo 标志
  • 将 UI 样机用作品牌应用展示
  • 浏览器界面 / 应用标题栏 / 终端窗口
  • 带有微妙叠加效果的图像主导型面板
  • 半色调、颗粒、扫描线或印刷质感
  • 几何结构构建示意图
  • 小型标签和页码细节
  • 低饱和但有力的强调色
  • 在多个触点重复呈现 Logo
  • 每块展示板只突出一个鲜明的品牌理念

参考图并不限定固定风格。 它们定义了品质标准、克制程度和展示逻辑。


核心原则

高端品牌套件不是装饰。

它是关于品牌存在理由的视觉论证。

每块生成的展示板都必须回答:

  1. 这个品牌代表什么?
  2. 核心隐喻是什么?
  3. Logo 如何表达这一点?
  4. 这个系统如何扩展到 UI、印刷品、图像和细节中?
  5. 为什么整体给人独特且专属于该品牌的感觉?

默认输出

除非用户另有说明:

  • 生成一张品牌套件概览图
  • 默认布局:3 × 3
  • 默认宽高比:4:3 或 16:10
  • 使用整洁的演示网格
  • 保持间距一致
  • 尽量减少文字
  • 让每个面板彼此呼应

可用布局:

  • 3 × 3 完整品牌形象系统
  • 2 × 3 电影感品牌演示概览
  • 2 × 2 精简概念板
  • 1 × 3 横向品牌条
  • 4 × 2 宽幅联系表布局
  • 按需定制布局

如果用户提供了参考图,应匹配其品质和节奏,而非照搬其具体内容。


先制定品牌策略

生成前,先推断品牌策略。

思考以下方面:

  • 品类
  • 受众
  • 产品功能
  • 情感承诺
  • 文化定位
  • 信任程度
  • 视觉世界
  • 象征性隐喻
  • 品牌应避免的元素

视觉系统必须以含义为基础。

示例:

品类核心理念可能的符号逻辑
开发者工具构建、速度、精准、掌控光标、框架、闪电、脚手架、网格
AI 助手委派、智能、清晰火花、轨道、信号、路径、节点
安全保护、警觉、边界盾牌、眼睛、印章、受保护的核心
游戏 / 博彩机遇、奖励、紧张感、速度骰子、宝石、卡牌、信号、奖杯
语音 AI声音、节奏、指令、流动波形、麦克风、球体、语音路径
合规信任、秩序、规则、保护印章、狗、徽章、文档、盾牌
无人机 / 机器人飞行、控制、视觉、任务翼、猫头鹰、准星、路径、区域
奢侈 / 编辑出版品味、材质、仪式、克制字母组合、印章、纸张、压印、标记
效率专注、势头、清晰路径、勾选、区块、日历、光线

不要随机挑选符号。


LOGO 生成标准

Logo 必须专业。

它应当:

  • 简洁
  • 易记
  • 具有象征意义
  • 可缩放
  • 独具辨识度
  • 视觉平衡
  • 与品牌理念相关
  • 可用作图标、字标、徽章、UI 标记和图案

避免:

  • 通用的闪电形状,除非有充分理由
  • 随意选用的动物
  • 伪奢华徽章
  • 抄袭知名标志
  • 过于复杂的符号
  • 剪贴画风格的图标
  • 毫无意义的闪光元素
  • 不一致的 Logo 变体

Logo 应让人感觉它源自研究与提炼。


LOGO 概念方法

任选一种,或最多组合两种。

1. 字母组合 + 含义

将品牌首字母与一种隐喻结合。

示例:

  • K + 风筝 / 框架 / 方向
  • N + 路径 / 折叠系统
  • S + 声波 / 语音流
  • A + 上升 / 建筑 / 动势

不要设计乏味的字母图标。 利用负空间、切口、折叠或几何形状。


2. 产品动作

将产品的主要动作转化为符号。

示例:

  • 构建 → 框架、脚手架、方块、光标
  • 保护 → 盾牌、边界、守护标记
  • 转换 → 切换、箭头、变形图案
  • 说话 → 波形、麦克风、脉冲
  • 搜寻威胁 → 眼睛、猛禽、雷达、轨迹
  • 自动化 → 循环、交接、路径

设计应抽象且有高级感,而非直白具象。


3. 隐喻融合

将两个有意义的概念融合为一个精简标记。

示例:

  • 猫头鹰 + 无人机视觉
  • 盾牌 + 山峰
  • 月亮 + 波形
  • 狗 + 合规印章
  • 骰子 + 手游经济系统
  • 光标 + 闪电般的速度
  • 风筝 + 产品框架

融合应含蓄且易辨认。


4. 负空间

利用留白展现巧思。

示例:

  • 隐藏的箭头
  • 受保护的中心
  • 镂空的首字母
  • 内部路径
  • 折叠的角
  • 由交叉形状组成的眼睛

负空间应清晰利落。


5. 几何构造

用明确的体系构造标记。

使用:

  • 圆形
  • 对角切口
  • 网格
  • 框架
  • 模块化方块
  • 分层卡片
  • 环绕路径
  • 瞄准线
  • 精确的线条

其中一个版面可展示构造逻辑。


品牌套件版面构成原则

优秀的品牌套件版面应像精心编排的序列。

使用:

  • 大型、平静的封面版块
  • 一个数字化样机版块
  • 一个以图像为主的氛围版块
  • 一个系统 / 构造版块
  • 一个实体或图标应用版块
  • 一个安静的标语版块

不要让每个版块都同样醒目。

版面应有节奏:

  • 安静
  • 实用
  • 感性
  • 技术性
  • 氛围感
  • 细节

默认 3 × 3 版块系统

如果未指定版式,请使用此系统:

1. Logo 封面

大尺寸 Logo 和字标。 简约标题。 充足的负空间。

2. Logo 构造

符号拆解、网格、几何形状或负空间逻辑。 展示标记存在的理由。

3. 数字应用

浏览器界面、应用标题栏、终端、仪表板片段或应用图标。

4. 品牌精髓

一句简短标语。 大号、易读的排版。 简洁构图。

5. 色彩系统

色样、渐变条、色盘、材质色片或调色板卡片。

6. 字体排版

大号字体样张、字母表行,或主辅字体搭配。

7. 实体应用

卡片、文件夹、徽章、海报、标签、印章、包装或物体样机。

8. 图像风格

电影感风景、产品局部图、网点海报、编辑风格场景、材质纹理。

9. 系统细节

UI 标签、输入栏、命令行、图标行、徽章系统、组件条、图案细节。


2 × 3 参考风格布局

对于类似上传参考图的板面,请使用:

  1. Logo / 字标

    • 居中或偏置
    • 极其简约
  2. 浏览器 / 产品界面

    • 浏览器栏、应用框架、提示词输入框或 URL 字段
  3. 命令 / 功能面板

    • 终端、提示词栏、输入状态、安装命令、仪表板片段
  4. 氛围 / 宣传图像

    • 半色调风景、电影感图像、产品世界视觉或艺术指导摄影
  5. 符号 / 构造 / 徽章

    • 靶心中的 Logo 标记、徽章、几何框架、图标构造
  6. 标语 / 系统承诺

    • 一句简短文案
    • 大号字体
    • 静谧背景

这种布局应呈现高端迷你演示文稿的感觉。


视觉风格

根据品牌进行选择。

暗色开发者 / 构建者

适用于: 开发者工具、编码 Agent、基础设施、自动化、AI 构建工具。

视觉线索:

  • 近乎黑色的面板
  • 等宽字体点缀
  • 命令行
  • 终端窗口
  • 提示词栏
  • 低调网格
  • 青色、蓝色、珊瑚色或黄绿色点缀
  • 适当时加入像素或 CRT 纹理

Logo 构思:

  • 光标 + 框架
  • 闪电 + 构建速度
  • 脚手架 + 字母组合
  • 终端字形 + 符号
  • 模块化构造标记

氛围: 精准、锐利、自信、原生于构建者。


暗色产品 / 操作人员

适用于: 商业工具、增长工具、销售 Agent、自动化、效率工具。

视觉线索:

  • 黑色 / 深红色 / 琥珀色
  • 发光 UI 芯片
  • 卡片系统
  • 分段式流程
  • 图标行
  • 奖励 / 进度图案
  • 极简主视觉文案

Logo 构思:

  • 信号、礼物、路径、操作人员标记、开关、循环、命令系统

氛围: 快速、务实、战术感、高端。


暗色自然 / 宁静系统

适用于: 策略、旅行、健康、气候、静谧高端 SaaS。

视觉线索:

  • 深绿色
  • 黄绿色点缀
  • 薄雾笼罩的风景
  • 圆形图像 UI
  • 柔和叠加
  • 平静的页面标签
  • 暗色编辑风格网格

Logo 构思:

  • 路径、叶子、月亮、地平线、罗盘、传送门、折叠标记

氛围: 平静、可信、专注。


暗色安全 / 威胁情报

适用于: 安全、合规、监控、网络产品。

视觉线索:

  • 黑色 / 藏青色
  • 盾牌形状
  • 雷达线
  • 威胁标签
  • 若隐若现的动态轨迹
  • 红色 / 蓝色警报芯片
  • 克制的渐变

Logo 构思:

  • 盾牌、猛禽、眼睛、守望、边界、受保护的核心

氛围: 严肃、警觉、精准。


浅色编辑风格 / 合规

适用于: 法律、隐私、合规、文档、信任品牌。

视觉线索:

  • 暖象牙色
  • 纸张纹理
  • 小号衬线标签
  • 徽章 / 盾牌徽记
  • 色轮 / 调色盘物件
  • 宁静的文具
  • 深蓝色、红色、金色点缀

Logo 构思:

  • 徽章、狗、盾牌、文档、印章、字母组合

氛围: 值得信赖、精致、具有现代气息的机构风格。


奢华 / 美妆 / 时尚

适用于: 美妆、时尚、酒店、优质服务。

视觉线索:

  • 象牙色 / 石色 / 浓咖啡色
  • 衬线字标
  • 优雅的字母组合
  • 纸张肌理
  • 压印效果
  • 产品标签
  • 编辑式裁切
  • 柔和阴影

Logo 构思:

  • 字母组合、徽章、花瓣、容器、仪式用品、精致的字形标记

氛围: 有品位、成熟、奢华。


语音 / 通信

适用于: 语音 AI、聊天、助手、语音、音频。

视觉线索:

  • 暗靛蓝色
  • 淡紫色光晕
  • 波形
  • 麦克风图案
  • 手机局部画面
  • 命令输入框
  • 应用图标

Logo 构思:

  • 波形 + 首字母
  • 声音球体
  • 语音路径
  • 抽象麦克风
  • 脉冲圆环

氛围: 流畅、智能、亲切。


文化 / 实验风格

适用于: 音乐、创意工具、活动、游戏周边、文化产品。

视觉线索:

  • 半色调
  • CRT 纹理
  • 模拟印刷
  • 鲜明的点缀色
  • 海报风格面板
  • 出人意料的图像裁切
  • 简单但有冲击力的 Logo

Logo 构思:

  • 定制字标
  • 有态度的图标
  • 象征性吉祥物
  • 受印刷风格启发的标记

氛围: 令人难忘、富有创意,同时保持克制。


高级细节语言

使用以下细节:

  • 小号页码
  • 微小的页脚标签
  • 精确的对齐标记
  • 构造线
  • 低调的十字准线网格
  • 细线
  • 浏览器栏
  • 圆角矩形
  • 图像蒙版
  • 柔和阴影
  • 低不透明度纹理
  • 半色调图像效果
  • 一个高亮词
  • 一个强调色标签
  • 一个醒目的图标状态

不要过度使用。

高级细节应当让人越看越有收获。


文本规则

尽量少用文字。

好的文本:

  • 品牌名称
  • 一句标语
  • 一个 URL
  • 一条命令
  • 2–5 个分区标签
  • 简短的 UI 标签

不好的文本:

  • 长段落
  • 微小的假正文
  • 大量菜单项
  • 占位文本
  • 密集的说明
  • 难以辨认的标签

文字应足够大、足够简洁,以便清晰呈现。


标语风格

标语应当简短而具体。

好例子:

  • “今天你想构建什么?”
  • “绝不随机。”
  • “你的网络,我们守护。”
  • “打造更好的作品。”
  • “严阵以待。”
  • “掌控每一项任务。”
  • “运营者所需,一应俱全。”
  • “清晰带来自信。”

避免:

  • 泛泛的企业口号
  • 冗长的营销文案
  • buzzword 堆砌
  • 空洞虚假的励志套话

图像方向

图像应当有明确的艺术指导。

使用:

  • 电影感山景
  • 黄昏天空
  • 带有品牌叠加元素的风景
  • 半色调云朵
  • CRT 屏幕场景
  • 深色产品特写
  • 戏剧性的物体裁切
  • 有纹理的纸张背景
  • 氛围感建筑
  • 抽象但有章法的视觉系统

避免:

  • 泛泛的图库人物
  • 随意的办公室照片
  • 陈词滥调的机器人图像
  • 过于繁杂的场景
  • 不相关的图像

图像应与配色和视觉隐喻相契合。


模型图方向

模型图应当简洁可信。

使用:

  • 浏览器框架
  • URL 栏
  • 终端窗口
  • 命令提示符
  • 应用图标
  • 手机边角裁切
  • 卡片堆叠
  • 徽章
  • 印章
  • 文件夹
  • UI 标签
  • 仪表板片段
  • 输入栏
  • 产品标签

避免:

  • 数据过多的完整虚拟仪表板
  • 廉价的亮面模型图
  • 随意堆砌各种设备
  • 繁杂的应用界面
  • 过多图标

模型图用于展示品牌形象的应用,而非演示功能。


色彩规范

使用一套主导配色。

默认方案:

  • 基础色
  • 主强调色
  • 次强调色
  • 中性色

适合参考风格的配色:

  • 黑色 + 青色 + 柔和珊瑚色
  • 黑色 + 红色 + 奶油色 + 蓝色
  • 森林绿 + 青柠绿 + 雾灰色
  • 海军蓝 + 白色 + 钢灰色
  • 象牙白 + 深蓝色 + 红色 + 金色
  • 黑色 + 淡紫色 + 柔紫色
  • 黑色 + 琥珀色 + 红色
  • 炭灰色 + 白色 + 浅蓝色

规则:

  • 强调色应在各面板中重复出现
  • 除非用户要求,否则不要随意使用彩虹色
  • 除非合适,否则不要使用千篇一律的紫蓝色 AI 光效
  • 一个强调色即可贯穿整个系统

避免千篇一律的规则

切勿设计:

  • 随意漂浮的图标
  • 泛泛的初创企业渐变色
  • 过度设计的徽标
  • 毫无意义的色块
  • 杂乱的拼贴布局
  • 虚假的微型 UI
  • 不一致的徽标图形
  • 过多颜色
  • 廉价霓虹效果
  • 模板化的品牌展示板
  • 企业 PowerPoint 幻灯片
  • 缺乏灵魂的 SaaS 仪表板

让设计更克制、更锐利、更有意图。


参考资料的使用

用户提供参考资料时:

提取:

  • 布局节奏
  • 网格风格
  • 间距
  • 字体大小层级
  • 视觉密度
  • 徽标位置
  • 文本量
  • 图像处理方式
  • 强调色逻辑
  • 品牌系统的表现方式

不要照搬:

  • 完全相同的徽标
  • 完全相同的品牌名称
  • 完全相同的构图
  • 完全相同的标语
  • 独特的视觉素材

将参考资料作为提升质量的学习依据,而不是模板。


提示词模板

在内部使用以下结构:

为“[品牌名称]”创建一张高端品牌视觉识别套件概览图。

品牌策略:

  • 类别:[类别]
  • 受众:[受众]
  • 个性:[特征]
  • 核心隐喻:[隐喻]
  • 标志创意:[标志如何结合符号、名称和类别含义]

布局: 在深色或浅色展示画布上采用 [3×3 / 2×3 / 自定义] 网格,留出充足的间距,保持对齐整洁,并精心安排留白。

面板:

  • 标志封面
  • 标志概念 / 构造
  • 数字应用
  • 标语 / 品牌精髓
  • 色彩系统
  • 字体排印
  • 实体应用
  • 图像风格方向
  • 系统细节

视觉模式: [模式]

调色板: [克制的调色板]

风格: 高端、疏朗、电影感、匠心独运、精致、品牌指南演示稿、无杂乱元素、不复制现实世界中的标志。

字体排印: 清晰易读、简约、层次分明、不出现难以辨认的微型假文字。

标志: 专业、具有象征性、简洁、独特易识别、围绕品牌宗旨设计,并在所有面板中保持一致。


最终输出标准

图片应呈现出以下效果:

  • 高端视觉识别演示稿
  • 资深设计师的展示板
  • 品牌系统案例研究
  • 视觉发布方向
  • 专业的标志概念展示板

最终成果应具备以下特点:

  • 整洁
  • 有策略性
  • 具有象征性
  • 简约
  • 协调统一
  • 高端
  • 经过艺术指导
  • 便于实施
  • 优于普通 AI 生成的品牌视觉素材

评论

支持 Markdown