brand-icon-banner

npx skills add FANzR-arch/Phil-design-skills --skill brand-icon-banner --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

# Brand Icon Banner（立体品牌图标横幅编译器） 把**一条关于某个平台/产品的判断**编译成**一条**可直接交给图像模型的提示词。风格锁死：近白影棚虚空，右侧悬一枚厚圆角立体 App 图标载着真实品牌 logo，左侧三层中文文字压在同一条水平轴上。 核心原则：**一个图标，一块反白，一条水平轴。** 这套风格的干净感不来自元素少，来自**结构对齐**——文字块和图标共享一条光心线，强调色只出现在一处（反白块），道具不超过两件。加第二个主体、让强调色散到三四处、让投影爬进文字区，风格立刻塌。 ## 画幅 **5:2 超宽横板锁死。** 出图参数用 `2560×1024`、quality `high`——中文密排小字和图标倒角的窄高光都吃分辨率。 其他画幅未经验证；用户明确要求才改，并提醒留白比例和文字块宽度上限需重新量。 ## Logo 协议（本 skill 的命门） 这套风格的全部识别度压在那枚 logo 上，所以它有独立的四条规矩： 1. **先调研当前版本再落笔**。品牌会改标（Twitter → X）、同时存在多套版本（App 图标版 / 横排字标 / 深底浅底版）、也可能刚改过版。确认现在在用的是哪一版，**点名到版本**：`the current X app icon`、`the current 小红书 app icon`。 2. **直接点名，不拆字形**。写 `the X logo` 就够，模型认得。拆成笔画、交角、笔画末端怎么切——写得越细画得越歪。 3. **只补呈现方式**：什么颜色、贴在哪个面、占该面多大比例、是否随主体透视旋转、有没有浮雕或描边。 4. **把退役旧标按名封堵进 Constraints**。模型的默认值经常停在旧版，X 会出蓝鸟，微博会出旧眼睛标。这条是必需项不是保险。 另有一条渲染纪律写进 Constraints：**logo 必须平贴正面、不得随倒角包裹或拉伸变形**——3D 面贴标最高发的坏法就是这个。 ## 配色寄存器：跟品牌走 配色不预设，**由品牌主色决定**，但架构固定为四角色： | 角色 | 取值 | 面积 | |---|---|---| | 底 | 近白影棚（冷白或暖白，跟品牌调性） | ≈85% | | 主体三档 | 品牌主色的正面 / 侧面 / 底面三级明度，**必须分开给值** | 图标 | | 强调 | 纯黑或品牌主色，只出现在文字里的三处 | 极小 | | 次要文字 | 冷中灰 `#6B7280` | 小 | **三档明度是承重项**。只给一个品牌色，立体图标会塌成一块平面色片——正面 / 侧面 / 底面必须各差一档。品牌色是黑白系（X、Apple）时更要给死，否则整枚图标糊成一坨。 ## 反白块：强调装置 大标题里被强调的词**不用变色，用反白块**——纯黑（或品牌主色