[{"data":1,"prerenderedAt":471},["ShallowReactive",2],{"prompt:coherent-website-mockup-suite:zh-CN":3,"prompt-source:coherent-website-mockup-suite:zh-CN":470},{"id":4,"title":5,"description":6,"categoryKey":7,"category":7,"categoryPathKey":8,"categoryPath":10,"scene":-1,"tagKeys":11,"tags":16,"type":17,"promptType":-1,"generationType":18,"hasParameters":19,"parameters":20,"importCode":37,"cover":38,"coverThumb":39,"coverPreview":40,"coverFull":38,"images":41,"featured":59,"createdAt":60,"source":61,"sourceUrl":62,"license":63,"author":64,"body":65,"showcases":428,"examples":442},"coherent-website-mockup-suite","四页一致网站 Mockup 套件","把一个品牌、产品、机构或项目一次生成成 4 个风格统一的网站页面 mockup：同一套 logo/nav/字体/色彩/按钮和版式系统，适合快速探索官网、SaaS、电商、工作室或活动站视觉方向。","工作工具",[7,9],"视觉方案",[7,9],[12,13,14,15],"网站 Mockup","UI 设计","多页面一致性","品牌系统",[12,13,14,15],"image","text-to-image",true,[21,26,30,34],{"key":22,"name":23,"description":24,"type":25,"required":19,"defaultValue":-1,"options":-1},"site_name","网站/品牌名","要出现在 mockup 中的项目、产品、品牌、工作室或活动名称。","string",{"key":27,"name":28,"description":29,"type":25,"required":19,"defaultValue":-1,"options":-1},"site_type","网站类型","说明网站定位，例如创意工作室、SaaS 官网、电商品牌、活动站、展览官网等。",{"key":31,"name":32,"description":33,"type":25,"required":19,"defaultValue":-1,"options":-1},"page_set","四个页面","指定这张图里要展示的四个页面或屏幕，例如 Homepage Hero、Services、Case Study、About / Team。",{"key":35,"name":15,"description":36,"type":25,"required":19,"defaultValue":-1,"options":-1},"brand_system","指定整体视觉系统，包括主色、字体气质、按钮、网格、图片风格、图形语言和布局关键词。","ZH-T2I-023","https://pub-768b8c0540654af3adfb08c030e7ce6c.r2.dev/prompt-assets/T2I-023/examples/ex-001/01.full.webp","https://pub-768b8c0540654af3adfb08c030e7ce6c.r2.dev/prompt-assets/T2I-023/examples/ex-001/01.thumb.webp","https://pub-768b8c0540654af3adfb08c030e7ce6c.r2.dev/prompt-assets/T2I-023/examples/ex-001/01.preview.webp",[42,45,52],{"url":38,"thumbUrl":39,"previewUrl":40,"fullUrl":38,"description":5,"exampleId":43,"importCode":44},"ex-001","ZH-T2I-023@ex-001",{"url":46,"thumbUrl":47,"previewUrl":48,"fullUrl":46,"description":49,"exampleId":50,"importCode":51},"https://pub-768b8c0540654af3adfb08c030e7ce6c.r2.dev/prompt-assets/T2I-023/examples/ex-002/01.full.webp","https://pub-768b8c0540654af3adfb08c030e7ce6c.r2.dev/prompt-assets/T2I-023/examples/ex-002/01.thumb.webp","https://pub-768b8c0540654af3adfb08c030e7ce6c.r2.dev/prompt-assets/T2I-023/examples/ex-002/01.preview.webp","原神迁移例，把璃月风格的节庆服务机构转译成同一套网页品牌系统。","ex-002","ZH-T2I-023@ex-002",{"url":53,"thumbUrl":54,"previewUrl":55,"fullUrl":53,"description":56,"exampleId":57,"importCode":58},"https://pub-768b8c0540654af3adfb08c030e7ce6c.r2.dev/prompt-assets/T2I-023/examples/ex-003/01.full.webp","https://pub-768b8c0540654af3adfb08c030e7ce6c.r2.dev/prompt-assets/T2I-023/examples/ex-003/01.thumb.webp","https://pub-768b8c0540654af3adfb08c030e7ce6c.r2.dev/prompt-assets/T2I-023/examples/ex-003/01.preview.webp","高差异扩展示例，用高级日用品电商品牌测试电商页面组的适配能力。","ex-003","ZH-T2I-023@ex-003",false,"2026-05-25T00:00:00.000Z","X/Twitter @92digitalartArt prompt","https://x.com/92digitalartArt/status/2058795175867027934","Source post used as inspiration only; Prompt Garden template is an original rewrite.","Prompt Garden maintainers, inspired by 92digitalartArt",{"type":66,"children":67,"toc":426},"root",[68,410,420],{"type":69,"tag":70,"props":71,"children":76},"element","pre",{"className":72,"code":73,"language":74,"meta":75,"style":75},"language-prompt shiki shiki-themes github-light github-dark","请为「{{site_name}}」生成一张横向 16:9 的网站设计 mockup 展示图。\n\n网站类型：{{site_type}}\n四个页面：{{page_set}}\n品牌系统：{{brand_system}}\n\n这张图必须像一个高级 UI/品牌设计师做的多页面网站提案，而不是一张普通截图、单页落地页、海报、信息图或随机 UI 拼贴。画面中同时展示 4 个独立页面 frame，每个 frame 都是同一个网站的不同页面，并且它们共享完全一致的品牌系统。\n\n固定输出结构：\n- 单张 16:9 图片中放置 4 个清晰分离的网站页面 mockup，可以是 2x2 网格、横向四联屏、或主大屏 + 三个次屏，但必须一眼能看出有 4 个页面。\n- 四个页面分别对应「{{page_set}}」里的页面职责。每个页面都要有不同的信息层级和版式功能，不要复制同一页换文字。\n- 每个页面都使用相同的站点名称、导航样式、按钮样式、字体气质、色彩系统、网格间距、图标语言、卡片/分隔线/图片处理方式。\n- 页面内容要符合「{{site_type}}」：根据网站类型自动设计 hero、服务模块、案例模块、产品卡、价格区、团队区、表单、购物车、页脚或详情区。\n- 只生成网页界面本身和少量展示背景，不要生成电脑、手机、桌面、手、房间、浏览器 chrome、操作系统窗口或应用商店截图。\n\n品牌一致性要求：\n- 严格执行「{{brand_system}}」，让四页看起来来自同一个真实网站设计系统。\n- 使用一致的 logo 字标或简化文字标识，允许出现站点名「{{site_name}}」，但不要生成真实公司 logo、官方商标或第三方平台 UI。\n- 所有按钮、导航、标签、价格卡、产品卡、案例卡和页脚都要保持同一套圆角、边框、阴影、字重、间距和状态语言。\n- 视觉层次要专业：清楚的首屏主标题区、明确 CTA、可扫描的信息块、稳定网格、留白和对齐，不要挤满屏幕。\n\n文字处理：\n- 允许少量短英文或拼音式 UI 文案，例如 Home、Work、Services、About、Start、View Case、Shop、Pricing。\n- 可读文字必须短、干净、像真实网页占位文案；不要生成大段正文、乱码、假中文长句、随机数字堆叠、水印或签名。\n- 如果不能保证长文本准确，就用短标题、标签、数字占位、条形文本和卡片结构表达信息。\n\n风格边界：\n- 画面应有高完成度的网页视觉设计质感：真实可用的现代 web layout、清晰组件系统、精细间距、漂亮的 hero 区、可信的产品/案例/团队/服务模块。\n- 可以使用真实 UI 设计中的照片占位、抽象图形、产品渲染、插画小图、图标或几何纹理，但这些素材必须服务于当前品牌系统。\n- 不要做成 Dribbble 风格的炫技拼贴、Figma 截图、wireframe、手绘草图、普通 PPT、移动 App UI、仪表盘后台、社交媒体卡片或宣传海报。\n- 如果品牌系统是深色或黑色主题，仍然必须让 4 个页面 frame、导航、卡片、按钮、图片区域和层次结构清楚可见；不要输出纯黑画布、黑底空屏或低对比暗块。\n\n如果主题来自游戏、影视、IP 或虚构世界，请保留可识别的世界观气质、材质、地标轮廓、角色/阵营符号或文化线索，并转译成原创网站品牌系统。不要复制官方 UI、logo、图标、截图、卡面或游戏菜单。\n\n最终结果应该让人感觉：这是同一个品牌的一套完整网站视觉方向，可以直接用于设计提案首页预览。四个页面都清楚、统一、有差异、有层次，整体干净高级。\n\n避免：单页网站、四张互不相关图片、重复同一屏、普通海报、信息图、手机 App、后台 dashboard、Figma 工具界面、浏览器窗口外壳、真实品牌 logo、官方 UI、长篇乱码、错别字、水印、签名、低清晰度、过度装饰、组件重叠、文字挤压。\n","prompt","",[77],{"type":69,"tag":78,"props":79,"children":80},"code",{"__ignoreMap":75},[81,94,103,112,121,130,138,147,155,164,173,182,191,200,209,217,226,235,244,253,262,270,279,288,297,306,314,323,332,341,350,359,367,376,384,393,401],{"type":69,"tag":82,"props":83,"children":86},"span",{"class":84,"line":85},"line",1,[87],{"type":69,"tag":82,"props":88,"children":90},{"style":89},"--shiki-default:#24292E;--shiki-dark:#E1E4E8",[91],{"type":92,"value":93},"text","请为「{{site_name}}」生成一张横向 16:9 的网站设计 mockup 展示图。\n",{"type":69,"tag":82,"props":95,"children":97},{"class":84,"line":96},2,[98],{"type":69,"tag":82,"props":99,"children":100},{"emptyLinePlaceholder":19},[101],{"type":92,"value":102},"\n",{"type":69,"tag":82,"props":104,"children":106},{"class":84,"line":105},3,[107],{"type":69,"tag":82,"props":108,"children":109},{"style":89},[110],{"type":92,"value":111},"网站类型：{{site_type}}\n",{"type":69,"tag":82,"props":113,"children":115},{"class":84,"line":114},4,[116],{"type":69,"tag":82,"props":117,"children":118},{"style":89},[119],{"type":92,"value":120},"四个页面：{{page_set}}\n",{"type":69,"tag":82,"props":122,"children":124},{"class":84,"line":123},5,[125],{"type":69,"tag":82,"props":126,"children":127},{"style":89},[128],{"type":92,"value":129},"品牌系统：{{brand_system}}\n",{"type":69,"tag":82,"props":131,"children":133},{"class":84,"line":132},6,[134],{"type":69,"tag":82,"props":135,"children":136},{"emptyLinePlaceholder":19},[137],{"type":92,"value":102},{"type":69,"tag":82,"props":139,"children":141},{"class":84,"line":140},7,[142],{"type":69,"tag":82,"props":143,"children":144},{"style":89},[145],{"type":92,"value":146},"这张图必须像一个高级 UI/品牌设计师做的多页面网站提案，而不是一张普通截图、单页落地页、海报、信息图或随机 UI 拼贴。画面中同时展示 4 个独立页面 frame，每个 frame 都是同一个网站的不同页面，并且它们共享完全一致的品牌系统。\n",{"type":69,"tag":82,"props":148,"children":150},{"class":84,"line":149},8,[151],{"type":69,"tag":82,"props":152,"children":153},{"emptyLinePlaceholder":19},[154],{"type":92,"value":102},{"type":69,"tag":82,"props":156,"children":158},{"class":84,"line":157},9,[159],{"type":69,"tag":82,"props":160,"children":161},{"style":89},[162],{"type":92,"value":163},"固定输出结构：\n",{"type":69,"tag":82,"props":165,"children":167},{"class":84,"line":166},10,[168],{"type":69,"tag":82,"props":169,"children":170},{"style":89},[171],{"type":92,"value":172},"- 单张 16:9 图片中放置 4 个清晰分离的网站页面 mockup，可以是 2x2 网格、横向四联屏、或主大屏 + 三个次屏，但必须一眼能看出有 4 个页面。\n",{"type":69,"tag":82,"props":174,"children":176},{"class":84,"line":175},11,[177],{"type":69,"tag":82,"props":178,"children":179},{"style":89},[180],{"type":92,"value":181},"- 四个页面分别对应「{{page_set}}」里的页面职责。每个页面都要有不同的信息层级和版式功能，不要复制同一页换文字。\n",{"type":69,"tag":82,"props":183,"children":185},{"class":84,"line":184},12,[186],{"type":69,"tag":82,"props":187,"children":188},{"style":89},[189],{"type":92,"value":190},"- 每个页面都使用相同的站点名称、导航样式、按钮样式、字体气质、色彩系统、网格间距、图标语言、卡片/分隔线/图片处理方式。\n",{"type":69,"tag":82,"props":192,"children":194},{"class":84,"line":193},13,[195],{"type":69,"tag":82,"props":196,"children":197},{"style":89},[198],{"type":92,"value":199},"- 页面内容要符合「{{site_type}}」：根据网站类型自动设计 hero、服务模块、案例模块、产品卡、价格区、团队区、表单、购物车、页脚或详情区。\n",{"type":69,"tag":82,"props":201,"children":203},{"class":84,"line":202},14,[204],{"type":69,"tag":82,"props":205,"children":206},{"style":89},[207],{"type":92,"value":208},"- 只生成网页界面本身和少量展示背景，不要生成电脑、手机、桌面、手、房间、浏览器 chrome、操作系统窗口或应用商店截图。\n",{"type":69,"tag":82,"props":210,"children":212},{"class":84,"line":211},15,[213],{"type":69,"tag":82,"props":214,"children":215},{"emptyLinePlaceholder":19},[216],{"type":92,"value":102},{"type":69,"tag":82,"props":218,"children":220},{"class":84,"line":219},16,[221],{"type":69,"tag":82,"props":222,"children":223},{"style":89},[224],{"type":92,"value":225},"品牌一致性要求：\n",{"type":69,"tag":82,"props":227,"children":229},{"class":84,"line":228},17,[230],{"type":69,"tag":82,"props":231,"children":232},{"style":89},[233],{"type":92,"value":234},"- 严格执行「{{brand_system}}」，让四页看起来来自同一个真实网站设计系统。\n",{"type":69,"tag":82,"props":236,"children":238},{"class":84,"line":237},18,[239],{"type":69,"tag":82,"props":240,"children":241},{"style":89},[242],{"type":92,"value":243},"- 使用一致的 logo 字标或简化文字标识，允许出现站点名「{{site_name}}」，但不要生成真实公司 logo、官方商标或第三方平台 UI。\n",{"type":69,"tag":82,"props":245,"children":247},{"class":84,"line":246},19,[248],{"type":69,"tag":82,"props":249,"children":250},{"style":89},[251],{"type":92,"value":252},"- 所有按钮、导航、标签、价格卡、产品卡、案例卡和页脚都要保持同一套圆角、边框、阴影、字重、间距和状态语言。\n",{"type":69,"tag":82,"props":254,"children":256},{"class":84,"line":255},20,[257],{"type":69,"tag":82,"props":258,"children":259},{"style":89},[260],{"type":92,"value":261},"- 视觉层次要专业：清楚的首屏主标题区、明确 CTA、可扫描的信息块、稳定网格、留白和对齐，不要挤满屏幕。\n",{"type":69,"tag":82,"props":263,"children":265},{"class":84,"line":264},21,[266],{"type":69,"tag":82,"props":267,"children":268},{"emptyLinePlaceholder":19},[269],{"type":92,"value":102},{"type":69,"tag":82,"props":271,"children":273},{"class":84,"line":272},22,[274],{"type":69,"tag":82,"props":275,"children":276},{"style":89},[277],{"type":92,"value":278},"文字处理：\n",{"type":69,"tag":82,"props":280,"children":282},{"class":84,"line":281},23,[283],{"type":69,"tag":82,"props":284,"children":285},{"style":89},[286],{"type":92,"value":287},"- 允许少量短英文或拼音式 UI 文案，例如 Home、Work、Services、About、Start、View Case、Shop、Pricing。\n",{"type":69,"tag":82,"props":289,"children":291},{"class":84,"line":290},24,[292],{"type":69,"tag":82,"props":293,"children":294},{"style":89},[295],{"type":92,"value":296},"- 可读文字必须短、干净、像真实网页占位文案；不要生成大段正文、乱码、假中文长句、随机数字堆叠、水印或签名。\n",{"type":69,"tag":82,"props":298,"children":300},{"class":84,"line":299},25,[301],{"type":69,"tag":82,"props":302,"children":303},{"style":89},[304],{"type":92,"value":305},"- 如果不能保证长文本准确，就用短标题、标签、数字占位、条形文本和卡片结构表达信息。\n",{"type":69,"tag":82,"props":307,"children":309},{"class":84,"line":308},26,[310],{"type":69,"tag":82,"props":311,"children":312},{"emptyLinePlaceholder":19},[313],{"type":92,"value":102},{"type":69,"tag":82,"props":315,"children":317},{"class":84,"line":316},27,[318],{"type":69,"tag":82,"props":319,"children":320},{"style":89},[321],{"type":92,"value":322},"风格边界：\n",{"type":69,"tag":82,"props":324,"children":326},{"class":84,"line":325},28,[327],{"type":69,"tag":82,"props":328,"children":329},{"style":89},[330],{"type":92,"value":331},"- 画面应有高完成度的网页视觉设计质感：真实可用的现代 web layout、清晰组件系统、精细间距、漂亮的 hero 区、可信的产品/案例/团队/服务模块。\n",{"type":69,"tag":82,"props":333,"children":335},{"class":84,"line":334},29,[336],{"type":69,"tag":82,"props":337,"children":338},{"style":89},[339],{"type":92,"value":340},"- 可以使用真实 UI 设计中的照片占位、抽象图形、产品渲染、插画小图、图标或几何纹理，但这些素材必须服务于当前品牌系统。\n",{"type":69,"tag":82,"props":342,"children":344},{"class":84,"line":343},30,[345],{"type":69,"tag":82,"props":346,"children":347},{"style":89},[348],{"type":92,"value":349},"- 不要做成 Dribbble 风格的炫技拼贴、Figma 截图、wireframe、手绘草图、普通 PPT、移动 App UI、仪表盘后台、社交媒体卡片或宣传海报。\n",{"type":69,"tag":82,"props":351,"children":353},{"class":84,"line":352},31,[354],{"type":69,"tag":82,"props":355,"children":356},{"style":89},[357],{"type":92,"value":358},"- 如果品牌系统是深色或黑色主题，仍然必须让 4 个页面 frame、导航、卡片、按钮、图片区域和层次结构清楚可见；不要输出纯黑画布、黑底空屏或低对比暗块。\n",{"type":69,"tag":82,"props":360,"children":362},{"class":84,"line":361},32,[363],{"type":69,"tag":82,"props":364,"children":365},{"emptyLinePlaceholder":19},[366],{"type":92,"value":102},{"type":69,"tag":82,"props":368,"children":370},{"class":84,"line":369},33,[371],{"type":69,"tag":82,"props":372,"children":373},{"style":89},[374],{"type":92,"value":375},"如果主题来自游戏、影视、IP 或虚构世界，请保留可识别的世界观气质、材质、地标轮廓、角色/阵营符号或文化线索，并转译成原创网站品牌系统。不要复制官方 UI、logo、图标、截图、卡面或游戏菜单。\n",{"type":69,"tag":82,"props":377,"children":379},{"class":84,"line":378},34,[380],{"type":69,"tag":82,"props":381,"children":382},{"emptyLinePlaceholder":19},[383],{"type":92,"value":102},{"type":69,"tag":82,"props":385,"children":387},{"class":84,"line":386},35,[388],{"type":69,"tag":82,"props":389,"children":390},{"style":89},[391],{"type":92,"value":392},"最终结果应该让人感觉：这是同一个品牌的一套完整网站视觉方向，可以直接用于设计提案首页预览。四个页面都清楚、统一、有差异、有层次，整体干净高级。\n",{"type":69,"tag":82,"props":394,"children":396},{"class":84,"line":395},36,[397],{"type":69,"tag":82,"props":398,"children":399},{"emptyLinePlaceholder":19},[400],{"type":92,"value":102},{"type":69,"tag":82,"props":402,"children":404},{"class":84,"line":403},37,[405],{"type":69,"tag":82,"props":406,"children":407},{"style":89},[408],{"type":92,"value":409},"避免：单页网站、四张互不相关图片、重复同一屏、普通海报、信息图、手机 App、后台 dashboard、Figma 工具界面、浏览器窗口外壳、真实品牌 logo、官方 UI、长篇乱码、错别字、水印、签名、低清晰度、过度装饰、组件重叠、文字挤压。\n",{"type":69,"tag":411,"props":412,"children":413},"p",{},[414],{"type":69,"tag":415,"props":416,"children":417},"em",{},[418],{"type":92,"value":419},"来源：受 92digitalartArt 的 X 帖中「一次生成 4 个同品牌网站页面 mockup」提示词启发；本条为 Prompt Garden 原创泛化版，只保留可迁移的网站设计机制。",{"type":69,"tag":421,"props":422,"children":423},"style",{},[424],{"type":92,"value":425},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":75,"searchDepth":105,"depth":105,"links":427},[],[429,434,438],{"id":430,"description":431,"images":432,"inputImages":-1,"text":-1,"parameters":-1},"show-001","来源机制复现例，用深炭黑和电光绿生成创意机构的四页一致网站 mockup。",[433],{"url":38,"thumbUrl":39,"previewUrl":40,"fullUrl":38,"description":431},{"id":435,"description":49,"images":436,"inputImages":-1,"text":-1,"parameters":-1},"show-002",[437],{"url":46,"thumbUrl":47,"previewUrl":48,"fullUrl":46,"description":49},{"id":439,"description":56,"images":440,"inputImages":-1,"text":-1,"parameters":-1},"show-003",[441],{"url":53,"thumbUrl":54,"previewUrl":55,"fullUrl":53,"description":56},[443,452,461],{"id":43,"description":444,"images":445,"inputImages":-1,"text":-1,"parameters":447},"创意机构来源复现例，包含 Homepage Hero、Services、Case Study、About / Team 四个页面。",[446],{"url":38,"thumbUrl":39,"previewUrl":40,"fullUrl":38,"description":444},{"site_name":448,"site_type":449,"page_set":450,"brand_system":451},"KODO STUDIO","bold premium creative agency","Homepage Hero, Services, Case Study, About / Team","visible dark charcoal page backgrounds, oversized editorial sans-serif typography, electric lime panels and CTA accents, white primary text, sharp architectural layouts, strong screen contrast",{"id":50,"description":453,"images":454,"inputImages":-1,"text":-1,"parameters":456},"原神璃月迁移例，验证 IP 气质、节庆服务和东方建筑符号能进入统一网站 mockup。",[455],{"url":46,"thumbUrl":47,"previewUrl":48,"fullUrl":46,"description":453},{"site_name":457,"site_type":458,"page_set":459,"brand_system":460},"Yuehai Pavilion Lantern Works","Liyue-inspired festival service and artisan studio website","Homepage Hero, Services, Festival Case Study, Studio / Team","warm ivory paper, jade green, muted geo gold, ink-gray text, refined Liyue roofline geometry, lantern motifs, elegant editorial spacing",{"id":57,"description":462,"images":463,"inputImages":-1,"text":-1,"parameters":465},"高级电商扩展示例，包含首页、系列页、商品详情和购物车/结账页面。",[464],{"url":53,"thumbUrl":54,"previewUrl":55,"fullUrl":53,"description":462},{"site_name":466,"site_type":467,"page_set":468,"brand_system":469},"NOVA ATELIER","premium modular everyday-goods e-commerce brand","Homepage Hero, Collection, Product Detail, Cart / Checkout","ivory, soft beige, warm gray, charcoal CTA buttons, elegant modern sans-serif, luxury editorial product grids","请为「{{site_name}}」生成一张横向 16:9 的网站设计 mockup 展示图。\n\n网站类型：{{site_type}}\n四个页面：{{page_set}}\n品牌系统：{{brand_system}}\n\n这张图必须像一个高级 UI/品牌设计师做的多页面网站提案，而不是一张普通截图、单页落地页、海报、信息图或随机 UI 拼贴。画面中同时展示 4 个独立页面 frame，每个 frame 都是同一个网站的不同页面，并且它们共享完全一致的品牌系统。\n\n固定输出结构：\n- 单张 16:9 图片中放置 4 个清晰分离的网站页面 mockup，可以是 2x2 网格、横向四联屏、或主大屏 + 三个次屏，但必须一眼能看出有 4 个页面。\n- 四个页面分别对应「{{page_set}}」里的页面职责。每个页面都要有不同的信息层级和版式功能，不要复制同一页换文字。\n- 每个页面都使用相同的站点名称、导航样式、按钮样式、字体气质、色彩系统、网格间距、图标语言、卡片/分隔线/图片处理方式。\n- 页面内容要符合「{{site_type}}」：根据网站类型自动设计 hero、服务模块、案例模块、产品卡、价格区、团队区、表单、购物车、页脚或详情区。\n- 只生成网页界面本身和少量展示背景，不要生成电脑、手机、桌面、手、房间、浏览器 chrome、操作系统窗口或应用商店截图。\n\n品牌一致性要求：\n- 严格执行「{{brand_system}}」，让四页看起来来自同一个真实网站设计系统。\n- 使用一致的 logo 字标或简化文字标识，允许出现站点名「{{site_name}}」，但不要生成真实公司 logo、官方商标或第三方平台 UI。\n- 所有按钮、导航、标签、价格卡、产品卡、案例卡和页脚都要保持同一套圆角、边框、阴影、字重、间距和状态语言。\n- 视觉层次要专业：清楚的首屏主标题区、明确 CTA、可扫描的信息块、稳定网格、留白和对齐，不要挤满屏幕。\n\n文字处理：\n- 允许少量短英文或拼音式 UI 文案，例如 Home、Work、Services、About、Start、View Case、Shop、Pricing。\n- 可读文字必须短、干净、像真实网页占位文案；不要生成大段正文、乱码、假中文长句、随机数字堆叠、水印或签名。\n- 如果不能保证长文本准确，就用短标题、标签、数字占位、条形文本和卡片结构表达信息。\n\n风格边界：\n- 画面应有高完成度的网页视觉设计质感：真实可用的现代 web layout、清晰组件系统、精细间距、漂亮的 hero 区、可信的产品/案例/团队/服务模块。\n- 可以使用真实 UI 设计中的照片占位、抽象图形、产品渲染、插画小图、图标或几何纹理，但这些素材必须服务于当前品牌系统。\n- 不要做成 Dribbble 风格的炫技拼贴、Figma 截图、wireframe、手绘草图、普通 PPT、移动 App UI、仪表盘后台、社交媒体卡片或宣传海报。\n- 如果品牌系统是深色或黑色主题，仍然必须让 4 个页面 frame、导航、卡片、按钮、图片区域和层次结构清楚可见；不要输出纯黑画布、黑底空屏或低对比暗块。\n\n如果主题来自游戏、影视、IP 或虚构世界，请保留可识别的世界观气质、材质、地标轮廓、角色/阵营符号或文化线索，并转译成原创网站品牌系统。不要复制官方 UI、logo、图标、截图、卡面或游戏菜单。\n\n最终结果应该让人感觉：这是同一个品牌的一套完整网站视觉方向，可以直接用于设计提案首页预览。四个页面都清楚、统一、有差异、有层次，整体干净高级。\n\n避免：单页网站、四张互不相关图片、重复同一屏、普通海报、信息图、手机 App、后台 dashboard、Figma 工具界面、浏览器窗口外壳、真实品牌 logo、官方 UI、长篇乱码、错别字、水印、签名、低清晰度、过度装饰、组件重叠、文字挤压。",1780477962979]