METHOD / 图像与视觉
Loki 社交卡片
同一篇文章，我重新排成小红书图文、公众号封面对，还有那种带证据的知识卡片。
什么时候用
做公众号封面对、小红书图文、产品解释卡和知识卡的时候用。
我会把关什么
证据图得能看清，中文的层级排在配色和装饰前面。
已经留下什么
能出 21:9、1:1、3:4 三种尺寸，12 类布局，带 HTML 模板、渲染和质检。
THE MAKING OF
一篇长文，重新讲成一组卡片。
同一篇长文，放到小红书和公众号封面上，我不会照着原稿缩小一遍。我会重新挑重点、安排每张卡讲什么。这套方法参考过归藏和张咋啦的社交卡片 Skill，后来又按自己的设计系统重写过。
01 配色被一句【太AI味】推翻过一次
当天的配色升级方案把问题写得很具体：琥珀橙 #C87A45 偏灰偏暖，像 PPT 模板色。对照 Off-White、032c 和小红书高赞黑橙图文后，换成信号橙 #FF5E1A 配纯墨黑 #0A0A0A，这套【墨黑信号】后来成了默认主题。
02 六版 showcase 磨出来的硬规则
当晚我从 v1 一路改到 v6 文字加密集版，三段式垂直分配（标题区 25%、主视觉 50%、辅助区 25%）、噪点必须覆盖、每页只承担一个观点、反 AI 元素至少一处，都是这一晚定下来、写进 taste.md 和检查清单的。
03 v2 重构成四个入口
7 月 10 日我把它做成 simple / brand / compress / advanced 四条路由：短选题走 7 个模板，品牌风走九套主题与 X01—X07 版式（自有命名），公众号长文走压缩流程和 108 个组件，复杂需求做高级定制。references 里不再有早期参考来源的文件级残留。
04 建成当晚就实测了一组长文
《奥德赛时期×AI》是我拿来做首轮实测的：长文拆成封面、正文、金句和结尾的完整序列，渲染成 PNG，下面这张就是当时保存下来的。
来源与使用边界
早期受归藏和张咋啦两位的社交卡片 Skill 影响，后来按 Loki Design System 整体重写过一遍，X01—X07 这套版式命名是我自己的。这不是凭空原创的东西，我不那样写。
SKILL.md + 2026-07-04 六版 showcase 与配色升级方案存档
迭代过程以本机存档为准：六版 showcase、配色升级方案、Pinterest 研究总结均在；《奥德赛时期》图文是这套方法建成当晚的实测产物，不等同于最新版式的效果。
查看 Skill 源码 ↗公开仓库包含模板、布局规则、渲染脚本与检查清单。