brand-system 是一套用于从零构建品牌识别系统的技能,定位为“可扩展的视觉操作系统”,目标是把品牌的心理内核、字体、色彩令牌、图标、布局网格与声音语调,统一编码到从 16px 浏览器标签页图标到企业主题演讲幻灯片的所有触点中,从而消除设计歧义并保证即时识别。
用途方面,它用于定义品牌指南、标志、图标体系与视觉规范;当需要建立或重塑品牌视觉语言、制定标志使用规则、统一跨触点视觉表达时使用。
主要能力按四步架构组织。第一步是品牌定位与个性光谱:在五条 1–10 分的品牌个性轴上评分,包括语调(俏皮—严肃权威)、受众(大众消费者—专业技术专家)、能量(平静极简—动态大胆)、时代感(传承复古—未来先锋)、美学(表现极繁—克制实用),并将品牌承诺综合为一句核心主张,示例为“面向系统工匠的极简工具包”。第二步是响应式标志架构与留白规则:定义四种标志变体,即展示锁定(完整字标+标志+可选标语,用于主视觉横幅与展会展位)、标准锁定(标志+字标,用于桌面导航与投资人演示)、紧凑标志(仅符号,用于移动导航、社交头像、应用图标)、微型/网站图标(为 16x16 与 32x32 渲染优化的高对比简化字形);留白以标志中相对元素(如字母 X 的高度或标记图标宽度)定义排除区,最小边距为符号高度的 1.0 倍,禁止外部文字、边框或图形侵入。第三步是色彩令牌、层级与字体搭配:遵循 60-30-10 视觉平衡规则,60% 为主基调中性背景(如纯白或深黑曜石色),30% 为次级结构(文字、卡片、结构边框、导航头),10% 为品牌强调色,仅用于主要操作、徽章与焦点;字体搭配原型包括技术/系统型(无衬线展示字体如 Geist、Inter 搭配等宽字体如 JetBrains Mono 用于数据与代码)和编辑/知识型(现代衬线展示字体如 Newsreader、Fraunces 搭配干净的几何正文如 Plus Jakarta Sans)。第四步是资产治理与品牌风格指南规范:所有标志导出 SVG(矢量)、PDF(印刷矢量)、WebP/PNG(1x、2x、3x 光栅),并为每个标志提供深色、浅色与单色(全黑、全白)变体;交付物为 BRAND-GUIDELINES.md 主品牌指南规范,含品牌本质与个性、标志系统与使用规则(主标志、最小数字尺寸、留白、禁止改动)、品牌色板(角色、令牌名、数值如 HEX/OKLCH、用途)与字体层级(展示标题、正文、代码与度量,注明字重、字号、行高与字距)。
使用方式上,技能按上述四步流程推进,并附有验证清单:各尺寸响应式标志变体齐备、留白与最小缩放边界以数学方式定义、色彩令牌符合 60-30-10、字体明确字体字重字号行高与字距、禁止的标志操作(拉伸、非批准颜色)有明确图示。资料还给出一个开发者基础设施工具重塑案例:将原卡通吉祥物标志替换为受网络路由节点启发的干净几何矢量字形,建立克制的单色配色加祖母绿强调色,并编码严格留白规则。
适用场景包括企业品牌重塑、标志与图标体系设计、品牌规范文档制定及跨触点视觉统一。限制方面,资料明确列出反模式:单一僵化标志(复杂插画硬缩为 16px 图标)、色彩过载(一页等同使用 8 种明亮强调色破坏层级)、规范无人执行(写了 50 页 PDF 但资产未组织进可访问的 Figma 库与代码令牌);案例中的合同与销售反馈属特定经验描述,具体效果因组织而异。