生成高端网站设计参考图时…

为落地页/营销站/产品页生成可被开发者或编码模型还原的高端前端设计参考图时，按每个区块单独出图并强制构图、背景、CTA多样化。

适用场景

解决思路

1. 硬性输出规则：每个区块生成一张独立的横向图片，绝不合并。1个区块=1张图，4个区块=4张图，8个区块=8张图，12个区块=12张图；未指定数量的“landing page”默认6个区块=6张图，“full website template”默认8个区块=8张图。若一次只能渲染一张，就在同一回复中依次输出，并标注“Section 1 of 8: Hero”“Section 2 of 8: Trust bar”等，直到全部完成。
2. Hero构图偏好：默认的“左文右图”是最被滥用的AI套路，允许使用但不应作为第一直觉。优先考虑：居中叠在背景图上、左下叠图、右下叠图、左上主导、居中堆叠、图片即画布、离网编辑式、迷你极简、右文左图（反向经典）。
3. 采用Awwwards级图像艺术指导：不要生成通用AI艺术，要生成有艺术指导、高端、可记忆、结构化、可读、便于实现的前端设计参考图。默认输出网站设计稿而非随机情绪图。
4. 使用基线配置作为全局默认（除非用户明确要求其他）：DESIGN_VARIANCE 8、VISUAL_DENSITY 4、ART_DIRECTION 8、IMPLEMENTATION_CLARITY 9、IMAGE_USAGE_PRIORITY 9、SPACING_GENEROSITY 8、LAYOUT_VARIATION 8、CONVERSION_DISCIPLINE 8。用户brief始终覆盖默认值，动态调整。
5. 按brief映射方向：minimalist/clean/typography-only/swiss/ultra simple → Mini Minimalist Hero、纯色表面、跳过渐变、居中堆叠、跳过全出血规则；editorial/magazine/art-directed/fashion → Mid Editorial或Giant Statement、编辑式侧图/双色调、离网偏移；cinematic/atmospheric/premium/luxury/bold → Giant Statement、全出血图+色调叠加、左下叠图；SaaS/product/dashboard/fintech/infra → Mid Editorial、纯色+内联资产、清晰产品框定；agency/creative studio/portfolio → Giant Statement或Mini Minimalist、大胆变化背景、离网海报式；e-commerce/shop/store → Mid Editorial强产品焦点、全出血产品图、产品主导。
6. 使用组合变化引擎，从每类中选一项并一致执行：主题范式（Pristine Light Mode / Deep Dark Mode / Bold Studio Solid / Quiet Premium Neutral）；背景特征（技术网格/点阵、纯色+柔和渐变深度、全出血电影感图像、安静纹理纸感）；字体特征（Satoshi类、Neue-Montreal类、Cabinet/Clash类、Monument类压缩、编辑衬线+无衬线、瑞士理性无衬线）；Hero架构（电影感居中极简、非对称分栏、漂浮宝丽来散布、内联巨型字体、编辑偏移、巨型图像优先）；区块系统（严格模块化bento、交替编辑块、海报式堆叠、画廊节奏、瑞士网格、非对称高端营销流）。
7. 从签名组件集中恰好选4个独特组件：对角错落方形瀑布流、3D层叠卡片堆、悬停手风琴切片、无缝隙bento网格、无限品牌跑马灯、旋转宝丽来弧、垂直节奏线、离网编辑布局、产品UI面板堆叠、分栏证言墙、超大指标条、分层图像裁切框。
8. 从运动暗示语言中恰好选2个：滚动文字揭示、固定叙事区块、错落上浮、视差图像漂移、平滑手风琴展开、电影感淡入淡出。
9. 每个区块选1个构图锚点，全站至少出现3种不同锚点，且Hero不能以AI默认开场：居中陈述、左上主导+右下支撑、左下文字叠背景图、右下CTA簇、左三分之一说明+右三分之二视觉（经典，谨慎使用，绝不连续两次）、右三分之一说明+左三分之二视觉（反向经典）、居中低位（文字在下方40%叠Hero图）、离网编辑偏移、居中堆叠（标签/标题/副文/CTA全居中，极简）、图片即画布+文字叠在干净安全区。
10. 每个区块选1种背景模式，全页变化，不要全是同一种：纯色表面+内联资产、微妙纹理/纸感/网格背景、全出血图+色调叠加（文字高度可读）、编辑式侧图（50/50、60/40、40/60可反转）、图片即整个视觉+文字叠在干净安全区、纯色块+小产品/细节裁切点缀、电影感色调渐变（配色匹配、低饱和、专业）、强调色氛围照片（单色调匹配品牌）、双色调处理图（双色照片、锁定配色）、柔和径向暗角+产品裁切（奢华/编辑感）、微噪点渐变叠纯色（高端触感深度）、色块双联画（两块纯色相接，现代主义）。
11. CTA变化：按区块选择合适风格，不要每次都是默认胶囊按钮——经典主胶囊、描边/幽灵、带箭头的下划线内联链接、横幅式全宽CTA、超大标题+极小CTA提示、CTA作为强视觉下的说明文字。全站至少变化一次CTA风格，主行动始终明确。
12. 每个页面选1个Hero尺度并匹配品牌情绪：Giant Statement Hero（巨型字体、大图、主导首屏）、Mid Editorial Hero（平衡字图、电影感但不填满屏幕）、Mini Minimalist Hero（小logo+短陈述+细CTA、几乎无图、大量负空间）。Mini不等于弱，而是自信的克制。
13. 选1个叙事/概念主线贯穿全页视觉与短文案：器物/收藏品、旅程/朝圣、工具/精密仪器、生命系统/花园、舞台/聚光灯、档案/卷宗。
14. 恰好选1个不显眼但可读的“二次阅读”时刻，全页只放一次：非对称出血但尊重层级、一个超大标点或数字服务结构、一次意外的材质切换（纸vs光泽vs金属）、窄垂直侧栏编辑注释、自然承载品牌色的微距裁切。必须有助于扫读顺序或品牌记忆，不为噱头而噱头。
15. 前端参考规则：每张图必须清晰传达布局、区块层级、间距、字体尺度、视觉节奏、CTA优先级、组件样式、图像处理、整体设计系统，让开发者或编码模型能看懂如何构建。
16. Hero极简规则：Hero必须像强开场场景，构图干净，不拥挤首屏，主标题短而有力（通常5-10个强词，不是段落），支持文字简洁，优先负空间和对比，避免塞满胶囊、假数据、徽章、小logo和无意义细节。
17. 字体执行：偏好中等/常规/轻盈优雅、紧凑字距、受控行数、强尺度对比；避免到处随机超粗喊叫、渐变文字作为懒惰高端效果、6行创业标题、看起来像生成的文字处理。
18. 图形克制：不要默认巨型无意义轮廓数字、廉价SVG填充图形、通用AI团块、随机球体杂物；改用字体、图像裁切、真实布局张力、高端材质、强框定。
19. 图像数量与页面切片：每个区块一张独立横向图，绝不合并多个区块到一张图，绝不返回包含整页的单张长图，绝不只返回一张“最佳”图而跳过其余，绝不用一张拼贴替代多个区块。模糊时默认偏高：hero=1张，landing page/site template=6张，full website/marketing site=8张，product page/portfolio=6张。
20. 格式：始终横向（16:9、16:10或21:9，视密度而定），每张图高保真渲染一个聚焦区块，Hero通常16:9或21:9，较窄内容区块可用16:10。
21. 区块大小变化：全站刻意混合区块野心——一些大而内容丰富有艺术指导，一些迷你极简大量负空间，一些中等编辑块，形成高端滚动节奏而非均匀板块。
22. 连续性规则：所有分区块图强制同一品牌世界——相同配色与强调逻辑、相同字体家族与尺度、相同CTA家族（风格可变，身份不变）、相同圆角语言、相同图像处理（调色、材质、框定）、相同文案语调。
23. 创意升级规则：不要满足于第一个显而易见的布局方案，主动提升至少3项——更强构图、更独特字体、更自信尺度对比、更难忘Hero概念、更有趣图像处理、更富表现力区块节奏、更原创框定/裁切、更有艺术指导的视觉张力、更惊喜但清晰的布局结构。
24. 图像优先艺术指导：图像不是可选装饰而是核心设计语言。强烈偏好艺术指导摄影、产品图像、编辑图像、图像裁切、框定图像面板、分层图像构图、图像主导Hero、图像支撑叙事块。用图像创建视觉层级、打破文字密集布局、建立情绪与品牌性格、支撑区块过渡、让设计更易解读与实现。
25. 反AI垃圾规则：严格避免布局垃圾（无尽居中区块、逐区块重复相同卡片行、克隆左文右图块、完美但无生命对称、无层级假复杂、无目的空装饰空间）、视觉垃圾（默认紫蓝AI渐变、过多发光边缘、到处漂浮球体/团块、无理由堆叠玻璃拟态、无结构随机未来细节、掩盖布局的过度渲染噪点）、字体垃圾（巨型标题+弱小副文、一页太多字体情绪、尴尬换行、懒惰全大写、渐变标题作为高端捷径）。
26. 禁用通用文案：unleash、elevate、revolutionize、next-gen、seamless、powerful solution、transformative platform；禁用假品牌：Acme、Nexus、Flowbit、Quantumly、NovaCore及明显无意义字标。使用简短、可信、适合设计的文案。
27. 密度与间距纪律：页面要呼吸，区块间留比默认AI设计略多空白。规则：主要区块间垂直间距更均匀、除非强设计理由否则区块间距一致、避免一区块拥挤下一区块太空、偏好干净平衡节奏、用负空间创造节奏与强调、用更平静区块分隔更密集区块、避免过紧堆叠卡片标签内容块、较小区块也要有足够周围空间。
28. 颜色与材质规则：全站使用一套受控配色——1主色（品牌锚点）、1辅色（支撑调）、1强调色（谨慎用于CTA/高亮）、中性色阶（背景、表面、文字、细线）。区块级情绪变化必须复用同一配色，不得每区块换主题。
29. 渐变纪律：允许并鼓励专业微妙的渐变——低饱和配色匹配色调渐变、Hero摄影后单色氛围调、柔和暗角与径向深度、噪点纹理渐变、编辑色洗。禁止：彩虹/网格团块渐变、紫到蓝AI默认、粉到橙创作者默认、无目的霓虹边缘与光晕、渐变文字作为高端捷径、与图像竞争而非支撑的渐变。
30. 背景自信规则：不要默认退回纯白表面。当brief、品牌情绪或区块任务需要氛围时，刻意使用全出血图、双色调或调色照片、色调渐变、触感材质或自信纯色场。
31. 材质性：适当添加纸感、玻璃感、拉丝金属感、柔和模糊深度、触感哑光表面、编辑照片处理，但始终保持前端结构可读。
32. 图像/媒体方向：允许艺术指导产品视觉、精致编辑摄影、UI裁切、有结构目的的抽象形式、框定物体、高端纹理使用、campaign式视觉；避免无关风景、图库陈词滥调、装饰垃圾、压倒页面层级的视觉。
33. 默认站点包：4区块包=Hero、Features、Social proof/testimonial、CTA；8区块包=Hero、Trust bar、Features、Product showcase、Benefits/use cases、Testimonials、Pricing、CTA；12区块包=Hero、Trust bar、Feature grid、Product preview、Problem/solution、Benefits、Workflow、Metrics/proof/integration、Testimonials、Pricing、FAQ、CTA+footer。
34. 多图一致性规则：由于每个区块是独立图片，一致性至关重要。所有分区块帧强制同一品牌世界、相同字体尺度逻辑、相同间距纪律、相同CTA家族、相同图标或插画情绪、相同图像处理、相同文案语调。允许变化：构图锚点、背景模式、区块大小与密度、二次阅读时刻出现位置。任何破坏品牌记忆的都是过度变化。
35. 清晰度检查（输出前内部验证21项）：层级是否明显、Hero是否够干净、设计是否视觉独特、是否无明显AI痕迹、是否高端而非模板、能否据此编码、多图是否明显属于同一组、图像使用是否足够强且多样、页面是否呼吸、区块间距是否足够、创意是否刻意且高端、区块间距是否均匀受控、较小区块是否有足够周围空间、是否恰好一个克制的二次阅读时刻、构图是否跨区块变化、Hero尺度是否选定并干净执行、是否有清晰转化路径、配色是否跨所有分区块图一致、每张图是否横向且仅一个区块、图片总数是否等于区块数、Hero是否使用多样构图而非习惯性左文右图。
36. 额外创意与实现边界：跨区块对比（全片至少两次刻意变化前景/背景强度，更亮→更丰富→更平静）；CTA特异性（每个主要视口层级一个明确主行动，次要行动看起来次要）；一个稿内图像多样性（多个区块时至少混合两种不同图像裁切，如微距产品+环境、肖像编辑+宽屏器物）；数据可视化克制（仅当站点类型逻辑需要时出现图表，否则用引语、收据、时间线、真实工作流截图）；文化/语调对齐（brief点名行业或地区时调整配色与字体气质）；移动端暗示保真（保持可点击尺寸与可读说明文字，堆叠顺序暗示合理单列叙事）；转化焦点（每个区块有任务，Hero数秒内传达价值并给一个明显下一步，证明区块感觉是赢得的，定价/CTA区块果断不埋没，最后区块收尾：单一强CTA+支撑信任线索）。
37. 构图多样性检查：内部记录每个分区块图选定的构图锚点和背景模式。若同一构图锚点连续重复超过2个区块、同一背景模式连续重复超过3个区块、或每个区块都是内联资产且brief未要求极简/纯字体/瑞士/超简单，则拒绝该组。非极简brief：多区块站点至少推一次全出血（或双色调/氛围）背景和至少一个迷你极简区块。极简brief：此规则暂停，克制即设计。
38. 响应行为：1)推断站点类型与主转化目标；2)推断区块数（不明确用默认：landing page=6，full website=8）；3)大声承诺区块数并宣布（“Generating N horizontal images, one per section”）；4)计划每区块一张横向图，始终分开生成绝不合并；5)为全站选Hero尺度；6)选强视觉组合（主题、字体、Hero架构、区块系统、运动、叙事主线、二次阅读时刻）；7)每区块选构图锚点、背景模式、CTA变化并跨区块变化；8)选4个签名组件适当使用；9)强制Hero极简+区块大小变化；10)强制强图像使用含全出血背景；11)锁定一套一致配色；12)应用额外创意与实现边界；13)保持间距慷慨均匀干净；14)移除AI垃圾；15)运行清晰度检查；16)生成每张分区块横向图并标注“Section X of N: <name>”直到全套交付，不提前停止、不总结、不只返回一张图。若强解释可能，不要问不必要追问。

适用边界 · 注意事项

• 用户明确要求极简/纯字体/瑞士/超简单风格时，不要强行加入全出血背景、渐变或氛围处理，克制即设计。
• 用户只要求单张Hero或单个区块时，不要套用多区块默认数量（如landing page=6）强行扩展。
• 用户明确要求纯情绪板或抽象艺术而非前端设计稿时，不要强行输出可编码的UI参考图。