关于 brand-archetype-system
一套与技术栈和工具无关的品牌美学原型库,为设计工作提供起点。它为 Agent 和设计团队提供色彩、字体、布局、语调及图像方向建议,并要求根据具体简报调整,而非照搬。
主要功能
- 0112 种核心美学原型
- 0218 种行业应用
- 03色彩与字体起始方案
- 04布局、语调和图像方向
- 05基于简报的调整指引
适用场景
- 01从美学参考启动品牌设计
- 02根据行业简报调整默认方案
- 03收敛多个设计方向
- 04用另一种原型探索设计简报
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ rampstackco/ claude-skills --skill brand-archetype-system安装后在 Claude Code 中输入/brand-archetype-system确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
README.mdreferences/00-archetype-system-overview.md01-how-to-apply-an-archetype.mdreferences/by-vertical/01-b2b-saas-developer-tools.md02-b2b-saas-business-productivity.md03-b2b-saas-marketing-sales.md04-b2b-saas-data-analytics.md05-fintech-consumer.md06-fintech-enterprise.md07-dtc-fashion.md08-dtc-beauty.md09-dtc-home-lifestyle.md10-dtc-food-beverage.md11-consumer-health-wellness.md12-hospitality-travel.md13-media-publishing.md14-edtech.md15-gaming-entertainment.md16-marketplace.md17-crypto-web3.md18-real-estate-proptech.mdreferences/core-archetypes/01-editorial-restrained.md02-technical-precise.md03-warm-conversational.md04-bold-confident.md05-playful-energetic.md06-luxe-considered.md07-clinical-trustworthy.md08-rugged-utilitarian.md09-retro-nostalgic.md详细介绍
品牌原型系统
预先组合的美学原型默认值,可助力品牌设计工作快速起步。每种原型都整合了色彩倾向、字体搭配、布局模式、语气示例和图像方向,形成一类易于识别的美学风格。与技术栈无关,与工具无关。
这是一个起点素材库,而非方法论素材库。Agent 会将原型默认值应用于特定需求简报;原型本身提供的是锚点,而不是终点。
适用场景
- 用户想要一个起点,而不是从基本原则开始设计
- 用户提到想要借鉴其风格的品牌或美学类别
- 需要从多个方向中更快收敛到一个方向
- 用户想要符合垂直领域典型特征的默认值(例如,面向消费者的金融科技、B2B 开发者工具)
- 用户想测试某份需求简报采用另一种原型后会是什么样子
不适用场景
- 用户只需要方法论指导(使用
brand-identity) - 用户处于早期构思阶段,需要定位方向(使用
brand-ideation) - 为现有品牌定义语气(使用
brand-voice) - 记录已完成的品牌(使用
brand-style-guide)
与其他技能的组合方式
此技能可在 brand-identity 之前使用(提供起始默认值,再由 brand-identity 将其完善为完整系统),并行于 creative-direction 使用(可根据原型在 4 个 creative-direction 轴上的位置对其进行定位)。
调用此技能时的典型流程:
- 用户提供需求简报或提及目标原型
- Agent 选择最相关的核心原型,或由 2 个相邻原型组合而成
- Agent 根据需求简报调整原型默认值(调整颜色令牌、替换为适合垂直领域的字体、改写品牌语气示例)
- Agent 说明所做的调整选择
将原型的默认调色板直接照搬到新品牌中,是一种失败模式。原型用于限定设计空间;需求简报则确定该空间内的具体位置。
框架:12 种核心原型加 18 种垂直领域应用
references/ 中有两层内容:
核心原型(12 个文件)
位于 references/core-archetypes/。每个文件描述一种美学风格,包含:
- 美学概要
- 在 4 个
creative-direction轴上的位置 - 色彩调色板起始方案(包含 4 到 6 个十六进制值、令牌名称和选择理由)
- 字体搭配起始方案(Google Fonts 字体搭配及字号比例)
- 布局与构图模式
- 语气示例(5 到 10 条代表性文案)
- 组件模式说明(主视觉、按钮、卡片、表格)
- 图像方向
- 适用场景和不适用场景
- 调整指南
- 带有归属说明的典型品牌
垂直领域应用(18 个文件)
位于 references/by-vertical/。每个文件将该垂直领域中的指定品牌映射到核心原型,包含:
- 垂直领域概要
- 常见原型
- 品牌与原型的映射关系(每个垂直领域包含 5 到 10 个品牌)
- 垂直领域专属调整说明
- 品牌成熟过程中常见的原型演变模式
两个概览文件
00-archetype-system-overview.md:系统的运作方式与分类体系01-how-to-apply-an-archetype.md:调整规范与失败模式
12 种核心原型
| # | 原型 | 一句话概述 |
|---|---|---|
| 01 | 克制编辑风 | 低饱和度、以字体为主、大量留白、经过审慎考量 |
| 02 | 精准技术风 | 突出等宽字体和网格、数据密集、富有系统感 |
| 03 | 温暖亲和风 | 采用人物图像、中等饱和度、字体友好、平易近人 |
| 04 | 大胆自信风 | 高对比度、大号展示字体、高饱和度、直截了当 |
| 05 | 活泼动感风 | 色彩明亮、以插画为主、充满动感、角色鲜明 |
| 06 | 奢华考究风 | 以衬线字体为主、间距宽裕、配色克制、彰显高端 |
| 07 | 临床可信风 | 冷色调、无衬线字体、简洁的医疗或金融风格 |
| 08 | 粗犷实用风 | 大地色系、融入工装风格、字体直截了当 |
| 09 | 复古怀旧风 | 采用特定年代的配色和字体,刻意致敬复古风格 |
| 10 | 极简主义风 | 黑、白、单一强调色、仅用无衬线字体、简约稀疏 |
| 11 | 鲜艳饱和风 | 全套配色均为高饱和度,以色彩塑造个性 |
| 12 | 纪实真实风 | 以摄影为主、展现真实人物、图像少经修饰 |
18 种垂直领域应用
- B2B SaaS:开发者工具、商业生产力、营销与销售、数据与分析
- 金融科技:消费级、企业级
- DTC:时尚、美妆、家居与生活方式、食品与饮料
- 消费者健康与身心 wellness
- 酒店与旅行
- 媒体与出版
- 教育科技
- 游戏与娱乐
- 市场平台
- 加密货币与 Web3
- 房地产与 Proptech
商标与归属说明
原型以审美风格类别命名,而非以品牌命名。“克制编辑风”,而不是“类似 Stripe”。在描述文字中使用归属说明来引用品牌作为范例:“以 [brands] 为例”“常见于 [brands]”“具有 [brands] 的典型特征”。
这属于描述性和指称性合理使用范畴,并且不会因品牌重新设计而失效。品牌调整其形象,并不会使其曾经代表的原型失效。
四个创意方向轴(参考)
每种原型在 creative-direction 技能中定义的 4 个轴上都有相应定位。以下是供交叉参考的简要说明:
- 语气风格:专业、对话式、活泼
- 审美风格:克制、考究、表现力强、极繁
- 受众关系:权威、同伴、伙伴、表演者
- 感官目标:功能性、考究、沉浸式、戏剧化
每个核心原型文件都说明其在每个轴上的定位。
参考文件
references/00-archetype-system-overview.md- 介绍双层系统如何协同运作、入口模式、原型组合时机,以及反复出现的失败模式。references/01-how-to-apply-an-archetype.md- 5 步适配流程:确定设计空间、将需求映射到可调维度、调整颜色、调整字体、撰写语气示例。包含跨原型一致性检查。
12 个核心原型文件位于 references 下的 core-archetypes/ 子目录中,编号从 01(克制编辑风)到 12(纪实真实风)。18 个垂直领域应用文件位于 references 下的 by-vertical/ 子目录中,编号从 01(B2B SaaS 开发者工具)到 18(房地产与 Proptech)。对于同时指定审美风格类别和行业的需求,请一并加载相关核心原型文件和垂直领域文件。