@topmindspace/tms-skills 0.3.1 → 0.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/CHANGELOG.md +159 -0
  2. package/README.en.md +6 -76
  3. package/README.md +7 -75
  4. package/package.json +1 -1
  5. package/top-ppt-html/README.en.md +19 -20
  6. package/top-ppt-html/README.md +36 -90
  7. package/top-ppt-html/SKILL.md +65 -60
  8. package/top-ppt-html/references/charts.md +0 -15
  9. package/top-ppt-html/references/components.md +0 -18
  10. package/top-ppt-html/references/design-system.md +2 -2
  11. package/top-ppt-html/references/icons.md +2 -2
  12. package/top-ppt-html/references/infographics.md +1 -5
  13. package/top-ppt-html/references/modes.md +4 -4
  14. package/top-ppt-html/references/tech-design.md +3 -3
  15. package/top-ppt-html/scripts/build_examples.py +4 -4
  16. package/top-ppt-html/scripts/build_pptx.js +240 -59
  17. package/top-ppt-html/scripts/check_triggers.py +10 -2
  18. package/top-ppt-html/scripts/extract_model.py +16 -5
  19. package/top-ppt-html/scripts/gen_channel_a.js +55 -10
  20. package/top-ppt-html/scripts/hydrate_charts.py +68 -13
  21. package/top-ppt-html/scripts/negative_tests.py +1 -1
  22. package/top-ppt-html/scripts/prepare_images.py +1 -1
  23. package/top-ppt-html/scripts/recommend_layout.py +26 -3
  24. package/top-ppt-html/scripts/render_from_model.py +78 -13
  25. package/top-ppt-html/scripts/scaffold_report.py +43 -3
  26. package/top-ppt-html/scripts/sync_runtime.py +32 -4
  27. package/top-ppt-html/scripts/test_feedback_gates.py +24 -0
  28. package/top-ppt-html/scripts/validate_pptx.py +10 -1
  29. package/top-ppt-html/scripts/validate_report.py +43 -7
  30. package/topmind-cover/README.en.md +4 -17
  31. package/topmind-cover/README.md +5 -18
  32. package/topmind-cover/SKILL.md +28 -35
  33. package/topmind-cover/assets/examples/README.md +15 -26
  34. package/topmind-cover/assets/examples/big-type-wechat.png +0 -0
  35. package/topmind-cover/assets/examples/big-type.png +0 -0
  36. package/topmind-cover/assets/examples/brand-launch-wechat.png +0 -0
  37. package/topmind-cover/assets/examples/brand-launch.png +0 -0
  38. package/topmind-cover/assets/examples/gan-huo-wechat.png +0 -0
  39. package/topmind-cover/assets/examples/gan-huo.png +0 -0
  40. package/topmind-cover/assets/examples/ip-fun-wechat.png +0 -0
  41. package/topmind-cover/assets/examples/ip-fun.png +0 -0
  42. package/topmind-cover/assets/examples/magazine-wechat.png +0 -0
  43. package/topmind-cover/assets/examples/magazine.png +0 -0
  44. package/topmind-cover/assets/examples/minimal-wechat.png +0 -0
  45. package/topmind-cover/assets/examples/minimal.png +0 -0
  46. package/topmind-cover/assets/examples/news-flash-wechat.png +0 -0
  47. package/topmind-cover/assets/examples/news-flash.png +0 -0
  48. package/topmind-cover/assets/examples/overview.png +0 -0
  49. package/topmind-cover/assets/examples/tutorial-steps-wechat.png +0 -0
  50. package/topmind-cover/assets/examples/tutorial-steps.png +0 -0
  51. package/topmind-cover/references/cover-styles.md +275 -249
  52. package/topmind-wechat-post/README.en.md +49 -1
  53. package/topmind-wechat-post/README.md +48 -2
  54. package/topmind-wechat-post/SKILL.md +35 -37
  55. package/topmind-wechat-post/references/element-spec.md +1 -1
  56. package/topmind-wechat-post/references/known-pits.md +2 -3
  57. package/topmind-wechat-post/references/typography-rules.md +1 -1
  58. package/topmind-wechat-post/references/workflow.md +3 -3
  59. package/topmind-wechat-post/references/writing-quality.md +8 -32
  60. package/topmind-wechat-post/scripts/md2wechat.py +117 -41
  61. package/topmind-wechat-post/scripts/negative_tests.py +32 -0
  62. package/topmind-x-article/README.en.md +40 -1
  63. package/topmind-x-article/README.md +42 -4
  64. package/topmind-x-article/SKILL.md +11 -5
  65. package/topmind-x-article/references/x-format.md +13 -10
  66. package/topmind-x-article/scripts/md2x.py +220 -40
@@ -1,346 +1,372 @@
1
1
  # 封面风格库(8 种)
2
2
 
3
+ > **原创铁律**:本库示例图均为原创,只演示抽象设计原则(标题是视觉重心、信息分层、留白呼吸感、数字与关键词强调),不临摹任何第三方封面;复用时版式与配色不得与第三方封面构成实质相似——只学原则,不学版式。
4
+
3
5
  选风格先看题材,再看系列延续性。同一系列固定一个模板,只换主体与标题字。
4
6
  选风格三步走:**先选风格 → 看 `assets/examples/` 对应示例图 → 按本库配方组 prompt**。
5
7
 
6
- 每种风格的 prompt 配方都是中英双语模板:`{TITLE}` 为标题文字占位符(短标题 4~8 字)、
7
- `{KEYWORDS}` 为需要彩色突出的数字/关键词占位符,其余占位符见各风格说明。
8
- 尺寸固定 1200×675、横构图 16:9。标题字逐字写进 prompt;生成后第一件事就是检查标题字。
8
+ prompt 配方为中英双语模板:`{TITLE}` 为标题文字占位符(短标题 4~8 字)、其余占位符见各风格说明。尺寸固定 1200×675、横构图 16:9。标题字逐字写进 prompt;生成后第一件事就是检查标题字。
9
9
 
10
10
  ## 安全区铁律(所有风格通用)
11
11
 
12
12
  900×383 公众号版是从 1200×675 主图**中央裁剪**(上下各裁约 12.2%):
13
13
  **标题字与关键主体必须落在画面中央垂直 60% 安全区内**
14
- (上下各预留 13%+ 不放标题字),否则公众号版会被裁掉。
15
- 选风格、组 prompt、检查成图时都要先过这一条;以下各风格的标题位置描述
16
- 均已按此约束书写。
14
+ (上下各预留 20% 不放标题字),否则公众号版会被裁掉。
15
+ 选风格、组 prompt、检查成图时都要先过这一条。
16
+
17
+ ## 原创铁律(所有风格通用)
18
+
19
+ 本库的 prompt 配方沉淀的是**抽象设计原则**——标题是视觉重心、信息分层、
20
+ 留白与呼吸感、数字与关键词的强调手法——**不是任何具体版式**。
21
+ **版式与配色也不得与第三方封面构成实质相似:只学原则,不学版式。**
22
+ 禁止照抄任何第三方封面的文案、形象、版式结构与配色组合——包括但不限于
23
+ 标题文字、数字、品牌词、IP 形象、署名,以及"左文右图""底部标签条""两行撞色标题"
24
+ 这类可辨识的构图公式。`assets/examples/` 中的 16 张示例图均为原创设计,
25
+ 其标题/数字/品牌/署名(如"深蓝 OS 2.0""提示词避坑指南""AI绘画挑战营""@阿狐画画")
26
+ 均为虚构演示内容,仅用于演示设计原则。
27
+ 用本库组 prompt 时,标题、形象、版式细节必须自己原创;
28
+ 改图时只换主体与标题字,保留本风格的配色故事与设计原则。
17
29
 
18
30
  ---
19
31
 
20
32
  ## 1. gan-huo · 爆款干货
21
33
 
22
34
  - **适用场景**:干货清单、评测、盘点、实测筛选类文章;"我替你试完了/筛完了"这类
23
- 第一人称实测文的默认选择。参考样张:Muse 爆款干货、Manus 2.0 封面。
24
- - **构图公式**:左右分区。左侧 60% 为文案堆叠区(自上而下:短引子行 → 巨型标题 →
25
- 底部胶囊标签条);右侧 40% 为萌物/IP 形象(抱着主题物品,如帖子、产品),
26
- 形象顶部不超过标题区、不遮挡任何文字。标题字占画面高度 25%~32%。
27
- - **配色方案**:暖白底 `#FFF9F0`(或米白 `#FAF6EF`);主标题炭黑 `#1A1A1A`;
28
- 数字/品牌词用亮蓝 `#2B7FFF`;篇数类数字可用橙红 `#FF4D2E`;
29
- 关键词下垫黄色笔刷底 `#FFD23F`;底部标签条为蓝色胶囊 `#2B7FFF` 配白字。
35
+ 第一人称实测文的默认选择。示例图:`assets/examples/gan-huo.png`(原创:"提示词避坑指南")。
36
+ - **设计语言(抽象原则)**:
37
+ - 标题是绝对视觉重心:居中大字,一眼即主题。
38
+ - 信息分层三层:顶部眉题小字(给上下文)→ 中央大标题(给主题)→ 角落印章小数字(给数据点)。
39
+ - 数字强调手法:数字不做彩色大字,收进印章/徽章做"小而精"的点睛。
40
+ - 留白与呼吸感:深色底 + 大面积空旷,克制干练。
41
+ - **配色故事**:深炭灰 `#2B2B30` 做主色(沉稳、可信);暖橙 `#FF8A3D` 只做细线点缀;
42
+ 朱红印章做一处跳色;标题米白高对比。
30
43
  - **标题写法规范**:
31
- - 短标题 4~8 字,如"爆款干货""实测报告";上方加 1~2 行引子小字
32
- ("刷了3天时间线/我从上百个帖子里"),引子字号约为标题的 55%。
33
- - 数字必须放大并上色:"26篇"中的 26 用橙红,"3天"中的 3 用蓝色;
34
- 品牌词(如 Muse、Manus)用蓝色。
35
- - 底部标签条:蓝色圆角胶囊,内放 3 个标签,格式 `⚡四字词 | 📋四字词 | 📊四字词`
36
- (如"实测筛选 | 长文精选 | 全流程实操"),字号约为标题的 30%。
44
+ - 短标题 4~8 字,如"提示词避坑指南";标题居中,字号约为画面高度 30%。
45
+ - 顶部眉题小字交代筛选口径(如"12种写法 · 逐条实测"),字号约为标题的 30%。
46
+ - 数据(如"18篇")放右上角朱红印章内,白字,不放大。
37
47
  - **prompt 配方**:
38
48
  ```
39
- 中文:爆款干货风中文封面,暖白色干净背景,左侧文案区:上方小字引子行,
40
- 中央巨型炭黑色粗黑标题"{TITLE}",其中数字与关键词"{KEYWORDS}"用亮蓝色与橙红色突出,
41
- 关键词下方垫黄色笔刷底色;底部一条蓝色圆角胶囊标签条;右侧一只毛茸茸的可爱
42
- IP 萌物抱着与主题相关的物品,萌物占画面右侧三分之一、不遮挡文字,
43
- 画面中央垂直安全区内,星星小点缀,亲切活泼,横构图16:9,尺寸1200×675。
44
-
45
- EN: Chinese viral-listicle style cover, clean warm-white background. Left
46
- text zone: small intro lines on top, giant bold charcoal-black Chinese
47
- title "{TITLE}" at center, with numbers and keywords "{KEYWORDS}" highlighted
48
- in bright blue and orange-red, a yellow brush stroke behind keywords; a blue
49
- rounded capsule tag bar at the bottom. On the right third, a fluffy cute IP
50
- mascot holding a theme-related item, never overlapping the text. All key
51
- elements within the central vertical safe zone, tiny star accents, friendly
52
- and lively, landscape 16:9, 1200x675.
49
+ 中文:爆款干货风中文封面,深炭灰色(#2B2B30)背景,暖橙色(#FF8A3D)细线点缀。
50
+ 中央米白色超大粗黑中文标题"{TITLE}"(逐字准确),居中构图;标题上方顶部眉题小字"{EYEBROW}";
51
+ 右上角一枚朱红色方形印章,内写白色小字"{NUMBER}";左侧一只小尺寸原创小形象
52
+ ({CHARACTER},占画面约15%,小巧不抢戏)。除标题、眉题、印章、形象外无其他文字;
53
+ 所有文字与关键元素落在中央垂直60%安全区内,克制干练,横构图16:9,尺寸1200×675。
54
+
55
+ EN: Chinese viral-listicle style cover, deep charcoal-gray (#2B2B30)
56
+ background with thin warm-orange (#FF8A3D) line accents. Huge off-white bold
57
+ Chinese title "{TITLE}" (exact) centered, ~30% of frame height; small top
58
+ eyebrow text "{EYEBROW}" above the title; a small vermilion square seal at
59
+ top-right with white text "{NUMBER}"; a small original mascot ({CHARACTER},
60
+ ~15% of frame) on the left, tiny and unobtrusive. No other text. All text
61
+ and key elements within the central vertical 60% safe zone, restrained and
62
+ crisp, landscape 16:9, 1200x675.
53
63
  ```
54
- 占位符:`{CHARACTER}` 可替换萌物描述(如"蓝色毛绒小怪物""戴墨镜的猫导演"),
55
- 必须与文章主题相关。
64
+ 占位符:`{EYEBROW}` 眉题(≤10 字)、`{NUMBER}` 印章内数字(如"18篇",必须真实)、
65
+ `{CHARACTER}` 原创小形象描述(如"纸飞机造型蓝色小机器人"),不得照抄任何现有 IP 形象。
56
66
  - **避坑**:
57
- - 萌物是配角:占画面不超过 40%,一旦挡住标题字整张作废。
58
- - 彩色字不要超过 2 种颜色,三色以上立刻变杂。
59
- - 胶囊标签条必须整体落在中央安全区内,上下留白防裁切。
60
- - 元素总数 ≤5(引子+标题+标签条+萌物+小点缀),多一件都是负担。
67
+ - 数字放大上色是旧套路:本风格数字只进印章,标题里不再出现彩色大数字。
68
+ - 形象是配角:超过画面 20% 或挡住标题字,整张作废。
69
+ - 元素总数 ≤4(眉题+标题+印章+形象),多一件都是负担。
70
+
71
+ ---
61
72
 
62
73
  ## 2. big-type · 巨字宣言
63
74
 
64
75
  - **适用场景**:观点评论、深度长文、产品/版本发布宣言;"一句话立场"类文章的默认选择。
65
- 参考样张:Skill 指南封面。
66
- - **构图公式**:标题即画面。巨型标题字占画面高度 35%~45%,横跨画面三分之二以上,
67
- 分两行:上行品牌词/关键词(白色或黑色),下行宣言(品牌色/红色,可做 3D 立体字);
68
- 背景为场景化配图(巨型书、建筑、空间纵深),人物极小仅作比例参照;
69
- 底部一条白色横条放问题式副标题,横条压在画面底部安全区内。
70
- - **配色方案**:深底版:近黑 `#101014` 底 + 纯白 `#FFFFFF` 字 + 强调红 `#E63B2E`
71
- (或品牌色);浅底版:白底 + 黑字 + 红字。同一系列固定一种底色。
76
+ 示例图:`assets/examples/big-type.png`(原创:"慢即是快")。
77
+ - **设计语言(抽象原则)**:
78
+ - 标题即画面:单行超大,字形本身做文章(书法笔意 / 描边 / 烫金质感均可)。
79
+ - 副标题是注解:陈述句,解释标题,不提问、不煽动。
80
+ - 明亮底色反衬:用"亮"制造宣言的从容感,而非暗黑压迫感。
81
+ - **配色故事**:奶油底 `#FAF3E7`(温暖、纸感);墨黑标题字;烫金 `#C9A227`
82
+ 只做笔画点缀,一处即够。
72
83
  - **标题写法规范**:
73
- - 短标题 4~8 字,分两行断句,如"Skill指南:/从入门到精通";下行宣言用彩色。
74
- - 底部白横条用问句引出内容:"如何从0开始构建一个属于自己的Skill?",
75
- 字号约为标题的 35%,左对齐。
76
- - 右侧可加竖排小字装饰(如一句 slogan),字号小、不抢戏。
84
+ - 短标题 4~8 字,单行,横跨画面宽度约 80%,如"慢即是快"。
85
+ - 副标题用陈述句(如"慢公司的效率哲学"),字号约为标题的 25%。
77
86
  - **prompt 配方**:
78
87
  ```
79
- 中文:震撼巨字宣言风中文封面,深色场景化背景({SCENE},如巨型书本/建筑纵深,
80
- 一位小小人物作比例参照),画面中央巨型中文标题"{TITLE}"占画面近一半,
81
- 上行白色下行红色粗黑体,可做轻微3D立体质感,极具冲击力;底部一条白色横条,
82
- 内写黑色问句副标题;标题与横条均在中央垂直安全区内,高对比,
88
+ 中文:巨字宣言风中文封面,明亮奶油色(#FAF3E7)背景,细腻纸纹。
89
+ 画面中央单行超大中文标题"{TITLE}"(逐字准确),横跨画面约80%,
90
+ {TYPE_STYLE}(如墨黑书法体配烫金#FFD23F描边/空心描边字/竖排大字三选一),
91
+ 极具冲击力;标题下方深灰色陈述句副标题"{SUBTITLE}";背景极淡的金色几何线条点缀,
92
+ 不抢字。除标题与副标题外无其他文字;所有文字在中央垂直60%安全区内,
83
93
  横构图16:9,尺寸1200×675。
84
94
 
85
- EN: Bold giant-type manifesto Chinese cover, dark scenic background
86
- ({SCENE}, e.g. gigantic books / architectural depth, a tiny human figure for
87
- scale). Enormous bold Chinese title "{TITLE}" dominates the center, nearly
88
- half the frame, white on the first line and red on the second, subtle 3D
89
- extruded type feel, maximum impact; a white horizontal bar at the bottom
90
- with a black question-style subtitle. Title and bar inside the central
91
- vertical safe zone, high contrast, landscape 16:9, 1200x675.
95
+ EN: Giant-type manifesto Chinese cover, bright cream (#FAF3E7) background
96
+ with subtle paper grain. Single-line oversized Chinese title "{TITLE}"
97
+ (exact) at center, spanning ~80% of frame width, {TYPE_STYLE} (ink-black
98
+ calligraphy with gold #C9A227 accents / outlined type / vertical type),
99
+ maximum impact; small dark-gray declarative subtitle "{SUBTITLE}" below;
100
+ very faint gold geometric line accents in background, unobtrusive. No other
101
+ text. All text within central vertical 60% safe zone, landscape 16:9,
102
+ 1200x675.
92
103
  ```
93
- 占位符:`{SCENE}` 为场景化配图描述,必须与主题强相关(如 Skill 主题用"巨型操作手册")。
104
+ 占位符:`{TYPE_STYLE}` 字形处理三选一(书法烫金 / 描边空心 / 竖排),
105
+ `{SUBTITLE}` 陈述句副标题(≤10 字,禁止问句)。
94
106
  - **避坑**:
95
- - 标题超过 10 个字必翻车——先压缩成 4~8 字再生成。
96
- - 3D 立体字与背景对比度不够会"糊":深底配白字、浅底配黑字,边缘加细描边。
97
- - 背景人物只是比例参照,放大抢戏就喧宾夺主。
98
- - 字不能顶到画面边缘:四周至少留 5% 空气,否则公众号裁剪会切字。
107
+ - 标题超过 8 个字必翻车——先压缩再生成。
108
+ - 两行撞色标题是别人的版式:本风格只做单行(或竖排),不用两行撞色。
109
+ - 副标题一旦写成问句,整张的气质就垮了。
110
+
111
+ ---
99
112
 
100
113
  ## 3. brand-launch · 品牌发布
101
114
 
102
115
  - **适用场景**:产品发布、版本更新、官方最佳实践/白皮书;有明确品牌主体的内容首选。
103
- 参考样张:typesafe AI Jev 封面、Manus 2.0 封面(品牌区部分)。
104
- - **构图公式**:左文右图。左上品牌 logo 区(AI 不画 logo,prompt 里留空位、后期贴真实 logo);
105
- 左侧大标题(品牌词用品牌色渐变 + 其余黑字),标题下手写感副标题 + 品牌色下划线;
106
- 右侧 50% 为产品/界面展示(深色控制台、App 界面、产品渲染图);
107
- 底部 3~4 个卖点图标条:图标 + 中文 + 英文小字。标题字占画面高度 20%~28%。
108
- - **配色方案**:以品牌主色为准(示例:品红 `#E8408C` 渐变至 `#B02860`);
109
- 浅底 `#FDF6F9`(或品牌浅色 tint);文字炭黑 `#1A1A1A`;
110
- 图标底色用品牌色 10% 浅底。
116
+ 示例图:`assets/examples/brand-launch.png`(原创虚构品牌"深蓝 OS 2.0")。
117
+ - **设计语言(抽象原则)**:
118
+ - 标题视觉重心居中置顶:品牌名就是标题,不藏不绕。
119
+ - 氛围代替写实:用发光线条/光影做产品氛围,不画写实产品大图(防 AI 乱码也防呆板)。
120
+ - 卖点信息分层:一排分隔符小字("更快 · 更稳 · 更懂你"),轻量不做图标条。
121
+ - **配色故事**:深海军蓝 `#0A1F44` 做全幅主色(深邃、专业);荧光绿 `#3DFF88`
122
+ 做唯一强调色(发光描边、细线、分隔符小字都用它)。
111
123
  - **标题写法规范**:
112
- - 品牌词前置并上色:"Jev"用品牌色渐变,"最佳实践"用黑字;短标题 4~8 字。
113
- - 副标题口语化、手写感,如"手把手教你改进现有工作流",下方加品牌色笔刷下划线。
114
- - 卖点条格式:`图标 / 中文四字 / 英文小字`(如"更高效率 / Make it faster"),
115
- 3~4 个,中文在上英文在下,英文仅装饰。
124
+ - 品牌词前置并上色:"深蓝"用荧光绿发光描边,其余白字;短标题 4~8 字。
125
+ - 标题下一条荧光绿细线收束视觉。
126
+ - 底部一排分隔符小字卖点,格式 `更快 · 更稳 · 更懂你`,浅灰白小字。
116
127
  - **prompt 配方**:
117
128
  ```
118
- 中文:品牌发布风中文封面,品牌浅色背景({BRAND_TINT}),左上预留空白 logo 区,
119
- 左侧大标题"{TITLE}",其中品牌词"{KEYWORDS}"用品牌主色({BRAND_COLOR})渐变突出、
120
- 其余字炭黑色粗黑体;标题下方手写感副标题配品牌色下划线;
121
- 右侧一半为产品展示({PRODUCT},深色界面、发光细节);底部 3~4 个卖点图标条
122
- (图标+中文+英文小字);干净高级,横构图16:9,尺寸1200×675。
123
-
124
- EN: Brand-launch style Chinese cover, light brand-tinted background
125
- ({BRAND_TINT}), empty logo area reserved at top-left. Large title "{TITLE}"
126
- on the left, brand term "{KEYWORDS}" in gradient brand color
127
- ({BRAND_COLOR}), remaining characters in bold charcoal black; handwritten-feel
128
- subtitle below with a brand-color underline. Right half shows the product
129
- ({PRODUCT}, dark UI with glowing details). Bottom row of 3-4 selling-point
130
- icon chips (icon + Chinese + small English). Clean and premium, landscape
131
- 16:9, 1200x675.
129
+ 中文:品牌发布风中文封面,深海军蓝(#0A1F44)全幅背景,荧光绿(#3DFF88)发光点缀。
130
+ 顶部居中大号白色粗黑中文标题"{TITLE}"(逐字准确),其中品牌词"{KEYWORDS}"用荧光绿
131
+ 描边发光、其余白色;标题下方一条荧光绿细线;画面中央下方一组荧光绿发光线条勾勒的
132
+ 抽象产品氛围({PRODUCT},线框/光影,无可读文字);底部中央一排小字卖点
133
+ "{SELLING_POINTS}"(分隔符式,如"更快 · 更稳 · 更懂你");左上预留空白 logo 区。
134
+ 除标题、卖点小字外无其他文字;所有文字在中央垂直60%安全区内,
135
+ 横构图16:9,尺寸1200×675。
136
+
137
+ EN: Brand-launch style Chinese cover, full-bleed deep navy (#0A1F44)
138
+ background with fluorescent-green (#3DFF88) glowing accents. Large white bold
139
+ Chinese title "{TITLE}" (exact) centered at top, brand term "{KEYWORDS}" in
140
+ glowing fluorescent-green outline, rest white; a thin fluorescent-green rule
141
+ below the title; lower center an abstract product atmosphere drawn in glowing
142
+ fluorescent-green lines ({PRODUCT}, wireframe/light, no readable text);
143
+ bottom center one row of small separator-style selling points
144
+ "{SELLING_POINTS}" (e.g. "更快 · 更稳 · 更懂你"); empty logo area reserved
145
+ at top-left. No other text. All text within central vertical 60% safe zone,
146
+ landscape 16:9, 1200x675.
132
147
  ```
133
- 占位符:`{BRAND_COLOR}`/`{BRAND_TINT}` 为品牌色 hex,`{PRODUCT}` 为产品展示描述;
148
+ 占位符:`{KEYWORDS}` 品牌词、`{PRODUCT}` 产品氛围描述、`{SELLING_POINTS}` 分隔符小字(≤12 字);
134
149
  真实 logo 必须后期贴图,绝不用 AI 生成 logo。
135
150
  - **避坑**:
136
- - 产品界面里的 UI 文字让 AI 生成必出乱码:要求"界面文字模糊/占位块",
137
- 或只展示界面氛围不展示可读文字。
138
- - 卖点条超过 4 个立刻变说明书;英文小字必须人工核对拼写。
139
- - 品牌色渐变只用在品牌词上,全标题上色等于没重点。
151
+ - 产品界面里的 UI 文字让 AI 生成必出乱码:只要氛围线框,不要可读文字。
152
+ - 图标式卖点条是旧版式:本风格只用一排分隔符小字。
153
+ - 强调色只用荧光绿一种,第二种颜色出现即杂。
154
+
155
+ ---
140
156
 
141
157
  ## 4. tutorial-steps · 教程步骤
142
158
 
143
- - **适用场景**:教程、上手指南、分步实操、保姆级攻略。参考样张:Reddit 上手教程封面。
144
- - **构图公式**:左文右卡。左侧:顶部彩色笔刷横条(写起点,如"从0到1")→
145
- 大黑标题(4~8 字)→ 底部彩色笔刷横条(内容总结,如"搞懂规则×发帖实操");
146
- 右侧:2~3 张步骤卡片纵向拼贴(撕纸/便签质感),每张含彩色圆章序号(01/02)+
147
- 小图标 + 短句,卡片间用箭头连接;右上小字点睛(如"先懂规则,再动手")。
148
- 标题字占画面高度 22%~30%。
149
- - **配色方案**:纸白底 `#F7F4EC`;笔刷/序号章用强调红 `#E8401F`
150
- (或品牌色);标题字炭黑 `#1A1A1A`;卡片描边浅灰。
159
+ - **适用场景**:教程、上手指南、分步实操、保姆级攻略。
160
+ 示例图:`assets/examples/tutorial-steps.png`(原创:"从想法到产品")。
161
+ - **设计语言(抽象原则)**:
162
+ - 标题做视觉锚:墨色书法题字,一字千钧,镇住画面。
163
+ - 步骤沿横向时间线展开:一条线串起线框数字,数字是节奏点不是徽章。
164
+ - 东方留白:大面积宣纸空,步骤区只占底部一条。
165
+ - **配色故事**:宣纸米 `#F2EDE0` 做底(温润);墨黑书法标题;赭石 `#B5651D`
166
+ 只做时间线与线框数字。
151
167
  - **标题写法规范**:
152
- - 顶部笔刷条:白字写起点/承诺,"从0到1""7天上手",4 字以内最有力。
153
- - 大标题 4~8 字,如"Reddit上手/保姆级教程",分两行断句。
154
- - 底部笔刷条:白字总结全文骨架,"搞懂规则×发帖实操",用 × 连接两个关键词。
155
- - 步骤卡片内文字极简:序号 + 8 字以内短句(如"看懂平台与社区规则")。
168
+ - 大标题 4~8 字,墨色书法体,如"从想法到产品",占画面高度约 25%。
169
+ - 时间线:赭色水平细线 + 三个线框空心数字 `01 02 03`,每数字下一句极简短句(≤4 字)。
170
+ - 右上角小字点睛(如"先懂逻辑,再动手")。
156
171
  - **prompt 配方**:
157
172
  ```
158
- 中文:教程步骤风中文封面,纸白色温暖背景,左侧:顶部红色笔刷横条白字写"{HOOK}",
159
- 中央大号炭黑色粗黑标题"{TITLE}",底部红色笔刷横条白字写"{SUMMARY}";
160
- 右侧两张撕纸质感便签卡片纵向排列,卡片上有红色圆形序号章(01/02)、
161
- 简笔画小图标与极简短句,卡片间黑色箭头连接;右上角小字点睛;
162
- 红黑白三色,对比鲜明,横构图16:9,尺寸1200×675。
163
-
164
- EN: Tutorial-steps style Chinese cover, warm paper-white background. Left
165
- side: red brush-stroke banner with white text "{HOOK}" on top, large bold
166
- charcoal-black Chinese title "{TITLE}" at center, red brush banner with white
167
- text "{SUMMARY}" at the bottom. Right side: two torn-paper memo cards
168
- stacked vertically, each with a red circular number badge (01/02), a small
169
- line icon and minimal short text, connected by a black arrow; small accent
170
- text at top-right. Red-black-white palette, crisp contrast, landscape 16:9,
171
- 1200x675.
173
+ 中文:教程步骤风中文封面,宣纸米色(#F2EDE0)背景,淡墨纹理。
174
+ 顶部中央墨色毛笔书法体大字标题"{TITLE}"(逐字准确),占画面高度约25%;
175
+ 底部一条横向时间线:一根赭色(#B5651D)水平细线横贯画面下部,
176
+ 线上三个线框空心数字"{N1}""{N2}""{N3}",每数字下方配极简短句"{S1}""{S2}""{S3}";
177
+ 右上角小字点睛"{TIP}"。除上述文字外无其他文字;所有文字在中央垂直60%安全区内,
178
+ 文人气、克制,横构图16:9,尺寸1200×675。
179
+
180
+ EN: Tutorial-steps style Chinese cover, rice-paper beige (#F2EDE0)
181
+ background with faint ink texture. Top center: large ink-brush calligraphy
182
+ title "{TITLE}" (exact), ~25% of frame height. Bottom: a horizontal timeline
183
+ — one thin ochre (#B5651D) horizontal line across the lower frame, with three
184
+ wireframe hollow numbers "{N1}" "{N2}" "{N3}" on it, each with a minimal short
185
+ phrase below ("{S1}" "{S2}" "{S3}"); small accent text "{TIP}" at top-right.
186
+ No other text. All text within central vertical 60% safe zone, scholarly and
187
+ restrained, landscape 16:9, 1200x675.
172
188
  ```
173
- 占位符:`{HOOK}` 顶部钩子(≤4 字)、`{SUMMARY}` 底部总结(≤10 字)、
174
- 卡片短句直接写进 prompt 且每张 ≤8 字(模型小字易错,越短越安全)。
189
+ 占位符:`{N1..N3}` 线框数字(01/02/03)、`{S1..S3}` 短句(每句 ≤4 字,越短越安全)、
190
+ `{TIP}` 右上点睛(≤8 字)。
175
191
  - **避坑**:
176
- - 步骤卡片最多 3 张,第 4 张起画面必乱。
177
- - 卡片内一个字都不能多:小字是 AI 错别字重灾区,生成后逐字核对。
178
- - 箭头方向必须明确向下/向右,别让模型自由发挥画成回路。
179
- - 笔刷横条别压住标题字,上下留 breathing room。
192
+ - 步骤超过 3 个立刻变说明书。
193
+ - 圆形实心序号章是旧版式:本风格只用线框空心数字。
194
+ - 红色笔刷横条不用:本风格的强调色只有赭石。
195
+
196
+ ---
180
197
 
181
198
  ## 5. ip-fun · IP 趣味
182
199
 
183
- - **适用场景**:实战案例、数据战报、复盘、系列连载(上/下篇)。参考样张:AI 视频制作实战封面。
184
- - **构图公式**:左文右图。左侧:巨型彩色数字行(数字占画面高度 20%+,如"600万播放",
185
- 数字彩色、单位黑字)→ 大黑标题(4~8 字)→ 灰色副标题 + 署名(左下小字);
186
- 右侧 50% 为趣味 IP 形象:拟人动物/角色 + 主题道具(如猫导演 + 放映机 + 胶片),
187
- 形象生动、与主题强绑定。
188
- - **配色方案**:纯白底 `#FFFFFF`;数字用亮蓝 `#2B7FFF`(或品牌色);
189
- 标题炭黑 `#1A1A1A`;副标题/署名用中灰 `#9AA0A6`。
200
+ - **适用场景**:实战案例、数据战报、复盘、系列连载(上/下篇)。
201
+ 示例图:`assets/examples/ip-fun.png`(原创:狐狸画家 IP + "AI绘画挑战营")。
202
+ - **设计语言(抽象原则)**:
203
+ - 暖色氛围做主角情绪:整张的"热气"是第一眼记忆。
204
+ - 标题深色压住暖底:深棕/深色字在暖色底上形成对比重心。
205
+ - 数字收进角落印章:数据是注脚,不是标题。
206
+ - 署名做边角点缀:竖排小字,不进主视觉流。
207
+ - **配色故事**:橙黄暖色 `#FF9E2C → #FFC53D` 做主色(阳光、热闹);
208
+ 标题与副标题用深棕 `#4A2C0A`(在暖底上最稳的重色)。
190
209
  - **标题写法规范**:
191
- - 数字前置造冲击:"600万播放"中数字放大 1.5 倍并上色,单位用黑字;
192
- 数字必须真实,严禁编造数据。
193
- - 大标题 4~8 字黑粗体,如"AI视频制作实战"。
194
- - 副标题灰字说明结构:"从想法到成片 · 下篇";署名 "@Xanderwow" 放左下角小字。
210
+ - 大标题 4~8 字深棕粗黑,如"AI绘画挑战营";下方深棕小字副标题(如"每天一幅 · 进化看得见")。
211
+ - 数据(如"30天")放右下角圆形印章内小字,不放大。
212
+ - 署名(如"@阿狐画画")放左下角竖排小字。
195
213
  - **prompt 配方**:
196
214
  ```
197
- 中文:IP 趣味风中文封面,纯白干净背景,左侧:巨型亮蓝色数字"{NUMBER}"
198
- 配炭黑色单位字,下方大号炭黑色粗黑标题"{TITLE}",再下方灰色小字副标题与署名;
199
- 右侧一半为趣味 IP 形象({CHARACTER},如戴墨镜的猫导演操作复古放映机、
200
- 胶片环绕),形象生动、细节丰富但不遮挡文字;所有文字在中央垂直安全区内,
215
+ 中文:IP 趣味风中文封面,暖橙黄色(#FF9E2C 渐变至 #FFC53D)主色背景,阳光感。
216
+ 中央偏左深棕色(#4A2C0A)大号粗黑中文标题"{TITLE}"(逐字准确),
217
+ 下方深棕色小字副标题"{SUBTITLE}";右侧原创趣味 IP 形象({CHARACTER},
218
+ 如戴贝雷帽的狐狸画家在画架前作画,暖色调),生动,约占画面35%,不遮挡文字;
219
+ 右下角一枚圆形印章,内写"{NUMBER}"小字;左下角竖排小字署名"{BYLINE}"。
220
+ 除上述文字外无其他文字;所有文字在中央垂直60%安全区内,
201
221
  横构图16:9,尺寸1200×675。
202
222
 
203
- EN: Fun-IP style Chinese cover, clean pure-white background. Left side: huge
204
- bright-blue number "{NUMBER}" with charcoal-black unit characters, large
205
- bold charcoal-black Chinese title "{TITLE}" below, small gray subtitle and
206
- byline underneath. Right half features a playful IP character ({CHARACTER},
207
- e.g. a sunglasses-wearing cat director operating a vintage film projector
208
- with film reels swirling around), vivid and detailed but never covering the
209
- text. All text within the central vertical safe zone, landscape 16:9,
210
- 1200x675.
223
+ EN: Fun-IP style Chinese cover, warm orange-yellow (#FF9E2C to #FFC53D)
224
+ dominant background, sunny feel. Center-left large dark-brown (#4A2C0A) bold
225
+ Chinese title "{TITLE}" (exact), small dark-brown subtitle "{SUBTITLE}"
226
+ below; right side an original playful IP character ({CHARACTER}, e.g. a
227
+ beret-wearing fox painter at an easel, warm tones), vivid, ~35% of frame,
228
+ never covering text; bottom-right a small round seal with "{NUMBER}";
229
+ small vertical byline "{BYLINE}" at bottom-left. No other text. All text
230
+ within the central vertical 60% safe zone, landscape 16:9, 1200x675.
211
231
  ```
212
- 占位符:`{NUMBER}` 为真实数据("600万")、`{CHARACTER}` 为 IP 形象描述,
213
- 必须与主题道具绑定(如视频主题 → 导演猫 + 放映机)。
232
+ 占位符:`{SUBTITLE}` 副标题(≤12 字)、`{NUMBER}` 印章内数字(如"30天",必须真实)、
233
+ `{BYLINE}` 边角署名(如"@阿狐画画")、`{CHARACTER}` 原创趣味 IP 形象描述,
234
+ 必须与主题道具绑定(如绘画主题 → 狐狸画家 + 画架),不得照抄任何现有 IP 形象。
214
235
  - **避坑**:
215
236
  - 数字造假是红线:封面上的每个数字必须在正文中有出处。
216
- - IP 形象再可爱也不能抢字:右侧边界止于画面 55% 处。
217
- - 白底最怕"脏":要求"纯白干净背景",防模型加渐变/纹理。
218
- - 连载标注(上篇/下篇)放副标题里,别进大标题。
237
+ - 形象是配角:超过画面 20% 或挡住标题字,整张作废。
238
+ - 印章和署名是注脚:别放大、别进主视觉流。
239
+
240
+ ---
219
241
 
220
242
  ## 6. news-flash · 资讯快报
221
243
 
222
244
  - **适用场景**:资讯、快讯、热点解读、人物专访预告、"祛魅/揭秘"类选题。
223
- 参考样张:算法工程师祛魅封面。
224
- - **构图公式**:左文右图。左侧:两行大字标题(上行黑字 4 字、下行品牌色 4~5 字 +
225
- 感叹号)→ 下方彩色胶囊副标题(问句/悬念);右侧 35%~50% 为人物或主题元素点缀
226
- (二次元人物、产品小物、场景物件),点缀丰富但不进文字区。
227
- 标题字占画面高度 22%~30%。
228
- - **配色方案**:白底 `#FFFFFF`;标题黑 `#1A1A1A` + 品牌蓝 `#2B7FFF`
229
- (或品牌色);胶囊副标题用品牌色底 + 白字。
245
+ 示例图:`assets/examples/news-flash.png`(原创:"今日AI速览" + 纸纹底 + 俯视桌面静物)。
246
+ - **设计语言(抽象原则)**:
247
+ - 标题是绝对视觉重心:单色大字,一眼即主题,快讯的干脆来自"不加修饰"。
248
+ - 信息分层三层:顶部眉题小字(给栏目/时效)→ 中央大标题(给主题)→
249
+ 右下角落生活静物(给"正在发生"的现场感)。
250
+ - 点缀手法:俯视桌面静物(报纸/咖啡/闹钟)给氛围,点缀不进文字区。
251
+ - 纸感来自质感:纸纹米底 + 大面积空旷,留白就是呼吸感。
252
+ - **配色故事**:纸纹米 `#F4F1E8` 做主色(纸感、阅读感);标题纯黑单色
253
+ (快讯的干脆,单色是本风格的魂);静物保留真实色彩(红闹钟是唯一跳色,小面积)。
230
254
  - **标题写法规范**:
231
- - 标题两行、上黑下彩,如"带你祛魅/算法工程师!",每行 4~6 字;
232
- 感叹号是点睛,一个就够。
233
- - 胶囊副标题用问句制造悬念:"薪资?日常?统统告诉你",问号 + 陈述收尾;
234
- 问句必须在正文中有答案,不做无答案的标题党。
235
- - 右侧点缀可加小标签云(如书脊上的"Machine Learning/PyTorch"),丰富主题氛围。
255
+ - 短标题 4~6 字,纯黑粗黑单行,如"今日AI速览",字号约为画面高度 28%。
256
+ - 顶部眉题小字交代栏目/时效(如"晨间快讯 · 每日更新"),字号约为标题的 25%。
257
+ - 感叹号/问号至多一个;标题里不出现彩色字。
236
258
  - **prompt 配方**:
237
259
  ```
238
- 中文:资讯快报风中文封面,纯白背景,左侧两行大字标题,上行炭黑色"{TITLE_TOP}"、
239
- 下行品牌蓝色"{TITLE_BOTTOM}"加感叹号,粗黑体;标题下方蓝色圆角胶囊副标题,
240
- 白字问句"{SUBTITLE}";右侧人物/主题元素点缀({CHARACTER},如专注的二次元
241
- 少年、笔记本电脑、代码屏幕、书堆小物),生动但不遮挡文字;
242
- 所有文字在中央垂直安全区内,横构图16:9,尺寸1200×675。
243
-
244
- EN: News-flash style Chinese cover, white background. Left side: two-line
245
- bold headline, charcoal-black "{TITLE_TOP}" on top and brand-blue
246
- "{TITLE_BOTTOM}" with exclamation mark below; a blue rounded capsule
247
- subtitle with a white question-style "{SUBTITLE}" underneath. Right side
248
- decorative figure / theme elements ({CHARACTER}, e.g. a focused anime-style
249
- youth, laptop, code screen, book stack props), lively but never covering the
250
- text. All text within the central vertical safe zone, landscape 16:9,
251
- 1200x675.
260
+ 中文:资讯快报风中文封面,纸纹米色(#F4F1E8)纸张质感背景,干净纸纹。
261
+ 左上纯黑色超大粗黑中文标题"{TITLE}"(逐字准确),单行,干脆醒目;
262
+ 标题上方顶部眉题小字"{EYEBROW}";右下角俯视角度的桌面静物点缀
263
+ ({PROPS},如一叠报纸、一杯冒热气的咖啡、一只红色小闹钟),
264
+ 生动真实但不遮挡文字。除标题、眉题、静物外无其他文字;
265
+ 所有文字与关键元素落在中央垂直60%安全区内,横构图16:9,尺寸1200×675。
266
+
267
+ EN: News-flash style Chinese cover, paper-textured warm beige (#F4F1E8)
268
+ background, clean paper grain. Huge solid-black bold Chinese title "{TITLE}"
269
+ (exact) at upper-left, single line, crisp and direct; small top eyebrow text
270
+ "{EYEBROW}" above the title; bottom-right a top-down desk still life
271
+ ({PROPS}, e.g. a stack of newspapers, a steaming coffee cup, a small red
272
+ alarm clock), vivid and real but never covering text. No other text. All
273
+ text and key elements within the central vertical 60% safe zone, landscape
274
+ 16:9, 1200x675.
252
275
  ```
253
- 占位符:`{TITLE_TOP}` 上行(黑字)、`{TITLE_BOTTOM}` 下行(彩色)、
254
- `{SUBTITLE}` 胶囊问句、`{CHARACTER}` 右侧点缀描述。
276
+ 占位符:`{EYEBROW}` 眉题(栏目/时效,≤10 字)、`{PROPS}` 桌面静物描述(2~3 件,
277
+ 与主题相关,如报纸/咖啡/闹钟)。
255
278
  - **避坑**:
256
- - 感叹号/问号各一个,多了变地摊文学。
257
- - 右侧点缀元素别超过 4 件,多了就抢标题的风头。
258
- - 胶囊问句的字数 ≤12 字,太长胶囊装不下会被模型挤小。
259
- - 热点人物用"泛指"描述,不画可识别真人。
279
+ - 单色标题是铁律:标题里出现彩色字,本风格立刻变味。
280
+ - 静物是氛围组:超过 3 件或进文字区,整张作废。
281
+ - 眉题必须真实:写"每日更新"就要真有更新节奏,不做无答案的标题党。
282
+ - 纸纹底怕"脏":要求"干净纸纹",防模型加污渍/做旧。
283
+
284
+ ---
260
285
 
261
286
  ## 7. minimal · 极简留白
262
287
 
263
288
  - **适用场景**:随笔、书评、轻观点、生活感悟;公众号"轻阅读"类文章,
264
289
  或系列中需要"呼吸感"的穿插封面。
265
- - **构图公式**:大面积留白(≥60%)。一处微小点缀落在右侧中央安全区内
266
- (如水墨笔触、孤鸟剪影);标题小字号放左下角安全区内,不与点缀打架。
267
- 标题字占画面高度 8%~12%。
268
- - **配色方案**:主色米白 `#F7F4EC`(或冷白 `#F2F4F6`),
269
- 辅色淡墨 `#9AA0A6`(小面积点缀),文字色深灰 `#3A3A3A`。
270
- - **标题写法规范**:短标题 4~8 字即可,字体用 Noto Sans SC Medium(不用 Black,
271
- 太重则极简感全失);不加副标题、不加标签条,克制到底。
290
+ 示例图:`assets/examples/minimal.png`(原创:"慢思考" + 水墨银杏叶点缀)。
291
+ - **设计语言(抽象原则)**:
292
+ - 留白是主角:≥60% 空旷,呼吸感就是信息。
293
+ - 点缀手法:一处微小水墨笔触(银杏叶),细节精致、位置克制。
294
+ - 标题写法:小字号 + 字距拉宽,轻、慢、稳——"慢"的味道全在字距里。
295
+ - 元素总数 ≤2(点缀+标题),多一件都是负担。
296
+ - **配色故事**:冷白 `#F5F6F4` 做主色(干净、冷静);淡墨只做点缀;
297
+ 标题用深灰,不用纯黑(纯黑太"重",极简感全失)。
298
+ - **标题写法规范**:
299
+ - 短标题 4~8 字,如"慢思考";字距拉宽;字体用 Noto Sans SC Medium
300
+ (不用 Black,太重则极简感全失)。
301
+ - 不加副标题、不加标签条,克制到底。
272
302
  - **prompt 配方**:
273
303
  ```
274
- 中文:极致极简主义封面,暖米白背景,大面积留白,一处微小的水墨笔触
275
- (如孤鸟剪影)点缀在画面右侧中央(中央垂直安全区内),左下角(中央垂直安全区内)
276
- 小字号深灰色中文标题"{TITLE}",呼吸感强,禅意,无其他元素,
277
- 横构图16:9,尺寸1200×675,除标题外无其他文字。
278
-
279
- EN: Extreme minimalism cover, warm off-white background with vast empty
280
- space, one tiny ink-brush stroke (like a lone bird silhouette) near the
281
- center-right. Small dark-gray Chinese title "{TITLE}" in delicate bold type
282
- at the lower-left corner. Calm, airy, zen aesthetic, no other elements,
283
- landscape 16:9, 1200x675, no other text.
304
+ 中文:极致极简主义封面,冷白色(#F5F6F4)背景,大面积留白。
305
+ 画面右侧中央一处微小的水墨笔触(如一片精致的银杏落叶,淡墨色,细节细腻);
306
+ 左下角(中央垂直安全区内)深灰色小字号中文标题"{TITLE}",字距拉宽,
307
+ 呼吸感强,禅意,无其他元素;横构图16:9,尺寸1200×675,除标题外无其他文字。
308
+
309
+ EN: Extreme minimalism cover, cool-white (#F5F6F4) background with vast
310
+ empty space. One tiny ink-brush stroke (a delicate ginkgo leaf in light ink
311
+ wash, refined detail) near the center-right. Small dark-gray Chinese title
312
+ "{TITLE}" with wide letter-spacing at the lower-left corner. Calm, airy,
313
+ zen aesthetic, no other elements, landscape 16:9, 1200x675, no other text.
284
314
  ```
285
315
  - **避坑**:
286
316
  - 对"杂物"零容忍:prompt 明确"一处""微小""无其他元素",防模型加云加山。
287
- - 标题字别贪大:字一大立刻变大字报。
288
- - 主体和标题尽量往中央安全区放,防公众号裁剪吃掉左右留白。
317
+ - 标题字别贪大:字一大立刻变大字报;字距不拉宽就失去"慢"的味道。
318
+ - 点缀和标题尽量往中央安全区放,防公众号裁剪吃掉左右留白。
319
+
320
+ ---
289
321
 
290
322
  ## 8. magazine · 杂志编辑风
291
323
 
292
324
  - **适用场景**:深度访谈、人物特写、商业分析、年度盘点;需要"质感/信任感"时用它,
293
325
  公众号长文首选。
294
- - **构图公式**:三分法。右侧三分之一为黑白质感人物肖像(泛指描述);
295
- 左侧大面积留白;标题放左侧下方安全区内,标题上方一条品牌色/砖红细线。
296
- 标题字占画面高度 14%~20%。
297
- - **配色方案**:主色暖灰 `#E8E4DC`(浅底)或墨黑 `#141414`(深底版),
298
- 辅色砖红 `#B03A2E`(细线/点缀),文字色炭黑 `#2B2B2B`(浅底)/
299
- 米白 `#F5F1E8`(深底)。
300
- - **标题写法规范**:短标题 4~8 字,字体用 Noto Serif SC Bold(宋体感)或思源黑体 Bold;
301
- 标题上方一条细色线是杂志感的灵魂,别省略;深底/浅底同一系列只用一种。
326
+ 示例图:`assets/examples/magazine.png`(原创:"创造者访谈" + 侧脸剪影 + 砖红细线)。
327
+ - **设计语言(抽象原则)**:
328
+ - 质感来自克制:大面积留白 + 一条细色线,就是杂志感。
329
+ - 人物手法:侧脸剪影(泛指描述),给"人"的存在感但不抢标题。
330
+ - 信息分层两层:细色线(定调)→ 标题(给主题)。
331
+ - 同一色调只用一种底:浅底/深底不混用。
332
+ - **配色故事**:暖灰 `#E9E5DB` 做主色(影棚质感);砖红 `#A63A2A` 只做一条细线点睛;
333
+ 标题炭黑,沉稳。
334
+ - **标题写法规范**:
335
+ - 短标题 4~8 字,如"创造者访谈";字体用 Noto Serif SC Bold(宋体感)或思源黑体 Bold。
336
+ - 标题上方一条砖红细线是杂志感的灵魂,别省略。
302
337
  - **prompt 配方**:
303
338
  ```
304
- 中文:杂志编辑风封面,暖灰色影棚背景,右侧三分之一处黑白质感人物肖像,
305
- 左侧大面积留白,左侧下方(中央垂直安全区内)炭黑色典雅粗体中文标题"{TITLE}",
306
- 标题上方一条砖红色细线,克制高级,杂志封面美学,
307
- 横构图16:9,尺寸1200×675,除标题外无其他文字。
308
-
309
- EN: Editorial magazine style cover, warm light-gray studio background,
310
- dramatic black-and-white portrait in the right third, generous negative
311
- space on the left. Dark charcoal elegant bold Chinese title "{TITLE}" at
312
- lower left, with a thin brick-red rule line above it. Refined, minimal,
313
- magazine cover aesthetic, landscape 16:9, 1200x675, no other text.
339
+ 中文:杂志编辑风封面,暖灰色(#E9E5DB)影棚质感背景,大面积留白。
340
+ 右侧三分之一处黑白质感人物侧脸剪影({SUBJECT},泛指描述,
341
+ 如穿西装的人物侧脸剪影),沉稳不抢戏;左侧下方(中央垂直安全区内)
342
+ 炭黑色典雅粗体中文标题"{TITLE}",标题上方一条砖红色(#A63A2A)细线;
343
+ 克制高级,杂志封面美学,横构图16:9,尺寸1200×675,除标题外无其他文字。
344
+
345
+ EN: Editorial magazine style cover, warm-gray (#E9E5DB) studio-textured
346
+ background with generous negative space. Black-and-white profile silhouette
347
+ ({SUBJECT}, generic description, e.g. a suited figure in profile) in the
348
+ right third, calm and unobtrusive. Dark charcoal elegant bold Chinese title
349
+ "{TITLE}" at lower-left, with a thin brick-red (#A63A2A) rule line above it.
350
+ Refined, minimal, magazine cover aesthetic, landscape 16:9, 1200x675, no
351
+ other text.
314
352
  ```
353
+ 占位符:`{SUBJECT}` 人物泛指描述(职业/姿态,不得出现可识别的真实人物长相)。
315
354
  - **避坑**:
316
- - 人物肖像必须用"泛指"描述(商务人士/学者剪影),不得出现可识别的真实人物长相。
355
+ - 人物肖像必须用"泛指"描述,不得出现可识别的真实人物长相。
317
356
  - 留白处别手痒加装饰字——杂志风的力量全在克制。
318
- - 深底版和浅底版不要混用。
357
+ - 浅底版和深底版不要混用。
319
358
 
320
359
  ---
321
360
 
322
- ## 通用组装公式(沿用)
323
-
324
- ```
325
- {风格模板一句话},主体:{主体描述},
326
- 画面中央大标题"{≤10字标题}",{暗底亮字/亮底深字},
327
- 横构图16:9,主体占画面40%以上,四周留白8%,
328
- 极简,不堆砌元素,电影感光影
329
- ```
330
-
331
- 标题字逐字写进 prompt;生成后第一件事就是检查标题字。
332
- 示例图在 `assets/examples/`(`<style>.png` 1200×675 主图 + `<style>-wechat.png`
333
- 900×383 公众号裁剪版),选风格前先看图。
334
-
335
361
  ## 风格速查
336
362
 
337
363
  | 风格 | 一句话 | 标题字号占比 | 首选题材 |
338
364
  |---|---|---|---|
339
- | gan-huo | 萌物 + 巨型标题 + 彩色数字 + 胶囊标签条 | 25%~32% | 干货清单/评测/盘点 |
340
- | big-type | 标题即画面,字占近半,分两行撞色 | 35%~45% | 观点/深度/发布宣言 |
341
- | brand-launch | 品牌色大标题 + 产品展示 + 卖点图标条 | 20%~28% | 产品发布/版本更新 |
342
- | tutorial-steps | 笔刷横条标题 + 步骤卡片拼贴 + 序号章 | 22%~30% | 教程/上手指南 |
343
- | ip-fun | 巨型彩色数字 + 趣味 IP + 署名 | 数字 20%+ | 实战案例/数据战报 |
344
- | news-flash | 两行大字 + 胶囊问句 + 人物点缀 | 22%~30% | 资讯/解读/快讯 |
345
- | minimal | 大面积留白,一处点缀,小字标题 | 8%~12% | 随笔/书评/轻阅读 |
346
- | magazine | 三分法 + 人物肖像 + 细线标题 | 14%~20% | 访谈/商业分析/盘点 |
365
+ | gan-huo | 深炭灰底 + 米白居中大标题 + 眉题 + 朱红印章 | ~30% | 干货清单/评测/盘点 |
366
+ | big-type | 标题即画面:墨黑书法烫金字,奶油亮底 | 35%~45% | 观点/深度/发布宣言 |
367
+ | brand-launch | 深海军蓝底 + 荧光绿细线 + 顶部居中品牌标题 | 20%~28% | 产品发布/版本更新 |
368
+ | tutorial-steps | 宣纸底 + 墨色书法题字 + 底部横向时间线 | ~25% | 教程/上手指南 |
369
+ | ip-fun | 暖橙底 + 深棕大标题 + 趣味 IP + 印章/署名注脚 | 数字进印章 | 实战案例/数据战报 |
370
+ | news-flash | 纸纹米底 + 纯黑单色大标题 + 俯视桌面静物 | ~28% | 资讯/快讯/热点解读 |
371
+ | minimal | 冷白大面积留白 + 水墨银杏叶 + 小字宽字距标题 | 8%~12% | 随笔/书评/轻观点 |
372
+ | magazine | 暖灰底 + 侧脸剪影 + 砖红细线 + 宋体感标题 | 14%~20% | 访谈/人物特写/商业分析 |