企业官网建设流程全解析

• AI 技能
• AI 插件

导读：minimal 是 baoyu-xhs-images 图片卡片生成技能中定位「优雅、商务、专业」的视觉风格，以黑白主色、高留白、单一焦点和克制的装饰为核心语言。本文将逐段拆解 minimal 风格规格文档 中的元素组合、配色、排版与布局配对规则，并联动该技能的元素库、预设机制与提示词组装流程，帮助你掌握从「选择风格」到「生成可复用的极简卡片系列」的完整技术链路。

一、minimal 在 baoyu-xhs-images 中的定位

baoyu-xhs-images 是仓库中面向小红书/社交平台信息图卡片生成的技能（定义见 SKILL.md），其规格文件中声明了 12 种可视化风格，minimal 即其中之一：

minimal— Ultra-clean, sophisticated aesthetic（超洁净、精致的美学）

在 12 种风格（cute / fresh / warm / bold / minimal / retro / pop / notion / chalkboard / study-notes / screen-print / sketch-notes）中，minimal 与 notion 同属「减饰派」，但二者气质不同：notion 是手绘线条 + 智力感知识卡，而 minimal 走的是现代平面化的黑白留白路线，更贴近商业、专业、高端产品的调性。

从 SKILL.md 的自动选择（Auto-Selection）逻辑 可以看到它的触发信号：当内容出现professional / business / elegant等关键词时，技能会推荐 minimal 风格并搭配sparse/balanced布局，对应预设为clean-quote（金句、极简封面）与pro-summary（专业总结、商务内容）。这意味着在真实工作流中，你甚至不需要手动指定风格——技能会在 Step 1 内容分析 阶段自动完成匹配。

二、Element Combination：minimal 的四维元素组合规格

规格文档用一段 YAML 定义了 minimal 风格的完整元素配置骨架，这是整个风格的核心契约。下面逐一拆解每个字段的取值与含义，并结合仓库元素库说明这些值在提示词组装时的展开方式。

canvas: ratio: portrait-3-4 grid: single image_effects: cutout: clean stroke: none | white-solid filter: none | muted-tones typography: decorated: none tags: white-black | pill direction: horizontal decorations: emphasis: underline | circle-mark background: solid-white | solid-pastel doodles: hand-drawn-lines frames: none | rounded-rect

2.1 canvas：画布与网格

• ratio: portrait-3-4：竖版 3:4 画布。对照 elements/canvas.md 中的尺寸表，3:4 对应1242×1660 像素，是文档标注的「小红书最高流量（推荐）」比例；另外还提供square（1:1，1242×1242）与portrait-2-3（2:3，1242×1863）可选。
• grid: single：单网格构图，即单焦点大图。对应 canvas.md 的 Grid Cells 表格中single（1 格）——用于「Hero image, maximum impact（主视觉图，冲击力最大化）」。这是极简风格天然契合的选择：一块内容只承担一个核心信息。

实战提示：minimal 以留白为设计语言，因此文档同时在 canvas.md 中强调安全区概念——底部 10% 为移动端标题栏遮挡区、右上角为点赞/分享按钮区、右下角为水印位，关键内容应避开这三块区域。

2.2 image_effects：图像效果层

• cutout: clean：干净抠图。对照 elements/image-effects.md 中的三种抠图方式——clean（锐利边缘、精确边界，适合产品摄影与科技单品）、soft（柔和过渡、羽化边缘）、stylized（手绘边缘处理）。minimal 只选clean，与其「精确、克制」的气质一致。
• stroke: none | white-solid：描边只用「无」或「白色实线」。image-effects.md 定义了六种描边（white-solid / colored-solid / dashed / double / glow / shadow）与三种宽度档位（细 2-4px、中 5-8px、粗 10-15px）。minimal 排除了彩色、虚线、发光等花哨方案，仅保留白色实线（经典贴纸感、高对比）或干脆不描边——这种取舍在提示词中表现为「不要描边，或仅使用白色细描边」。
• filter: none | muted-tones：滤镜只用「无」或 muted-tones。muted-tones 即小红书语境下的莫兰迪（Morandi）低饱和配色，image-effects.md 标注其氛围为「Sophisticated, calm（精致、沉静）」。minimal 主动排除了 high-saturation（高饱和）、warm-tone（暖色调）、film-grain（胶片感）等，保持画面色彩情绪的中性与冷静。

2.3 typography：排版系统

• decorated: none：不使用花字。对照 elements/typography.md 的花字清单（gradient 渐变、stroke-text 描边字、shadow-3d 3D 投影、highlight 荧光笔、neon 霓虹、bubble 气泡字等），minimal 全部弃用——标题靠字号与字重构建层级，而非视觉特效。
• tags: white-black | pill：标签限定为「白底黑字」或「胶囊形」。typography.md 定义了七种标签（black-white、white-black、bubble、pointer、ribbon、stamp、pill），minimal 选中white-black（白底黑字——「Clean labels, minimal style」）与pill（圆角胶囊——「Tags, categories, keywords」），既保持标签功能又不破坏黑白基调。
• direction: horizontal：文字水平排布。typography.md 中的四种方向（horizontal 水平 / vertical 竖排 / curved 曲线 / diagonal 斜排）里，minimal 仅允许标准的水平方向，避免任何排版上的「炫技」。

排版层级参考（来自 typography.md）：H1 主标题 100% 加粗、H2 小节标题 70-80% 半粗、H3 子节 50-60% 中粗、正文 40-50% 常规、注释 30-35% 细体。极简风格的精致感正来自于这个严格的字重阶梯。

2.4 decorations：装饰系统

• emphasis: underline | circle-mark：强调方式只有「下划线」和「圆圈标记」。对照 elements/decorations.md 的十种强调标记（red-arrow、circle-mark、underline、star-burst、checkmark、cross-mark、exclamation、question、numbering、bracket），minimal 排除了箭头、爆炸星、感叹号等「喧闹」元素。
• background: solid-white | solid-pastel：背景限「纯白」或「柔和粉彩」。decorations.md 列出的十种背景（含 gradient-linear、frosted-glass、chalkboard、grid 等）中，minimal 拒绝渐变、毛玻璃、黑板与网格纹理，只保留最干净的两个选项。
• doodles: hand-drawn-lines：涂鸦仅限手绘线条。在十种涂鸦（stars-sparkles、flowers、hearts、confetti 等）中，只允许最克制的「手绘线条」用于连接与分隔。
• frames: none | rounded-rect：边框只用「无」或「圆角矩形」，排除 polaroid（拍立得）、film-strip（胶片边）、decorative（华丽装饰边）等。

小结：minimal 的每个字段几乎都是「从全量元素库中做减法」——每个维度都只有 1～2 个可选项，且全部落在中性、无彩色、无纹理的区间内。这套严格约束正是提示词提示（prompt）可复现性的保障：生成器收到的指令边界清晰，不会漂移到其他风格。

三、配色系统：黑白双色 + 内容衍生单色点缀

minimal 的配色表是全文最简洁的部分，也最体现设计哲学：

三层配色策略可以这样理解：

1. 主色：纯黑 + 纯白，构成全部信息层的颜色，保证任何内容都能获得最大对比度与可读性；
2. 背景：在纯白基础上提供一档#FAFAFA米白，让「纯白卡片」叠在「米白页面」上时依然有层次，不至于糊成一片；
3. 点缀色：单一颜色且取自内容本身（content-derived）——例如科技内容取蓝色、环保内容取绿色、食品内容取珊瑚色。这是 minimal 区别于 notion「固定粉蓝黄三色点缀」的关键：点缀色不是固定值，而是随内容语义动态抽取，从而在黑白底上形成唯一一个有情绪的色彩锚点。

这个「内容衍生单色」的设定也解释了为什么 minimal 不声明default_palette——对照 style-presets.md 的说明，空 Palette 表示「使用风格内置配色」，而 minimal 的内置配色本身就是这套「黑白 + 动态单色」规则。若用户在调用时显式传入--palette macaron/--palette warm/--palette neon，则按 prompt-assembly.md 的 Palette Override 规则，配色会被整体替换为所选调色板，但 minimal 的渲染规则（视觉元素、排版、装饰约束）保持不变。

四、视觉元素与排版原则：克制的四条铁律

规格文档给出了 minimal 的视觉与排版总纲：

Visual Elements（视觉元素）

• Single focal point, thin lines —— 单一焦点、细线条
• Maximum whitespace —— 最大化留白
• Simple, clean decorations —— 简单、干净的装饰
• Restrained visual elements —— 克制收敛的视觉元素

Typography（排版）

• Clean, simple hand lettering —— 干净简洁的手写字
• Minimal weight variations —— 极少的字重变化
• Elegant spacing —— 优雅的字距与行距

这套原则与仓库中其他「吵闹」风格形成鲜明对照：cute 用爱心星光、pop 用爆炸气泡、bold 用粗重高饱和。而 minimal 的画面判断标准只有一条——去掉一切不传达信息的元素后，画面是否依然成立。

从实现层面看，这些原则最终会通过 prompt-assembly.md 的 Style Section 组装规则 被转译成提示词的 Style 段落：从presets/minimal.md提取 Color Palette（主色/背景/点缀色）、Visual Elements（上述四条）、Typography（手写体+字重+间距）三块，再拼入基础提示词的 Core Principles 与 Text Style 段落。因此，阅读这份规格文档就等于阅读了最终生成提示词的「风格源数据」。

五、最佳布局配对：让留白风格找到合适的骨架

minimal 与 8 种布局（sparse / balanced / dense / list / comparison / flow / mindmap / quadrant）的兼容性矩阵如下：

其中 sparse、balanced、dense 三个是 ✓✓ 高度推荐。结合 elements/canvas.md 的密度定义 可以更好理解这个矩阵：

• sparse：信息密度低，留白 60-70%，每图 1-2 个要点——封面、金句、有冲击力的陈述，正对 minimal 的「单一焦点」诉求；
• balanced：中密度，留白 40-50%，每图 3-4 点——标准内容卡、教程，是专业商务内容的主力骨架；
• dense：高密度，留白 20-30%，每图 5-8 点——知识卡、速查表。有趣的是 dense 也被评为 ✓✓：说明极简风格并非「内容多就不行」，而是「内容多时依然用最干净的骨架去装」。

对照 SKILL.md 的 Style × Layout 矩阵 可见，minimal 全行没有任何 ✗ 或低分项（对比 study-notes 在 sparse 上 ✗、screen-print 在 dense/mindmap 上 ✗），是兼容性最稳定的风格之一——它与 notion、chalkboard 同属「全布局友好」档位，这意味着用户自由组合时基本不会出现风格与布局打架的情况。

六、最佳适用场景：minimal 该用在什么地方

规格文档明确给出了五类适用内容：

• Professional content—— 专业内容
• Serious topics—— 严肃话题
• Elegant presentations—— 优雅的呈现
• High-end products—— 高端产品
• Business content—— 商务内容

在真实生成工作流中，这些场景对应两种最直接的调用方式（预设定义见 style-presets.md）：

例如：

--preset clean-quote # 极简封面/金句卡：minimal 风格 + sparse 布局 --preset pro-summary # 商务总结卡：minimal 风格 + balanced 布局 --style minimal --layout dense # 自由组合：极简知识卡

根据 SKILL.md 的 CLI 选项，--preset是「风格 + 布局 + 可选调色板」的快捷方式，且显式的--style/--layout/--palette始终覆盖预设值。例如--preset pro-summary --style minimal --palette macaron会得到 minimal 风格、balanced 布局、macaron 柔和配色的组合——配色被替换，但极简的渲染规则不变。

下图是该风格在技能测试流程中的实际渲染示例，可以直观对照规格文档中的每一条约束（黑白主色、大面积留白、细线条、克制装饰）：

七、从规格到产物的完整链路

理解 minimal.md 的规格后，还值得掌握它在 baoyu-xhs-images 完整工作流中的位置（流程见 SKILL.md 的 Workflow 章节）：

1. Step 0 加载偏好：技能会按优先级查找EXTEND.md（项目级 → XDG → 用户主目录），其中可通过preferred_style: minimal将极简风格设为默认偏好（字段定义见 preferences-schema.md）；
2. Step 1 内容分析：按 analysis-framework.md 分析内容，命中 professional/business/elegant 信号时自动推荐 minimal；
3. Step 2 智能确认：向用户展示推荐方案（策略/风格/布局/配色/图片数量）并确认（Path A 快速确认 / Path B 自定义 / Path C 详细模式）；
4. Step 3 生成图片：按 prompt-assembly.md 的组装流程 将 minimal 规格加载为 Style Section，拼入 Layout Section（来自 canvas.md）与 Content Section（来自 outline），写入prompts/NN-{type}-{slug}.md提示词文件后调用图像后端；第 1 张封面不带--ref生成作为系列锚点，后续图片均以第 1 张作为--ref保持系列一致性。

值得一提的是，minimal 的规格文件本身就是「提示词组装的数据源」：prompt-assembly.md中给出了完整的组装清单（Style section 是否从正确预设加载、Palette override 是否应用、Layout 是否与 outline 匹配等），这意味着对 minimal.md 的任何修改都会直接影响所有极简卡片的生成提示词——它是可复现产物的「单一事实来源」。

结语

minimal 风格规格的精髓在于约束即设计：画布只用 3:4 单网格、图像效果只在 clean/white-solid/muted-tones 三选、排版放弃花字与竖排、装饰只留线条与圆角矩形，最终用「黑白 + 内容衍生单色」的配色把画面收敛到极致的克制。配合clean-quote、pro-summary两个预设以及 sparse/balanced/dense 三种高兼容布局，它覆盖了商务内容、严肃话题与高端产品在小红书平台上的全套表达需求。如果你希望进一步了解其他风格（如 notion 知识卡、chalkboard 教育风）或调色板机制，可以在 presets 目录 与 palettes 目录 中继续探索。

• AI 技能
• AI 插件