[{"data":1,"prerenderedAt":127},["ShallowReactive",2],{"prompt:coherent-website-mockup-suite:zh-CN":3,"prompt-source:coherent-website-mockup-suite:zh-CN":126},{"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":84,"examples":98},"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":80},"root",[68],{"type":69,"tag":70,"props":71,"children":72},"element","p",{},[73],{"type":69,"tag":74,"props":75,"children":76},"em",{},[77],{"type":78,"value":79},"text","来源：受 92digitalartArt 的 X 帖中「一次生成 4 个同品牌网站页面 mockup」提示词启发；本条为 Prompt Garden 原创泛化版，只保留可迁移的网站设计机制。",{"title":81,"searchDepth":82,"depth":82,"links":83},"",3,[],[85,90,94],{"id":86,"description":87,"images":88,"inputImages":-1,"text":-1,"parameters":-1},"show-001","来源机制复现例，用深炭黑和电光绿生成创意机构的四页一致网站 mockup。",[89],{"url":38,"thumbUrl":39,"previewUrl":40,"fullUrl":38,"description":87},{"id":91,"description":49,"images":92,"inputImages":-1,"text":-1,"parameters":-1},"show-002",[93],{"url":46,"thumbUrl":47,"previewUrl":48,"fullUrl":46,"description":49},{"id":95,"description":56,"images":96,"inputImages":-1,"text":-1,"parameters":-1},"show-003",[97],{"url":53,"thumbUrl":54,"previewUrl":55,"fullUrl":53,"description":56},[99,108,117],{"id":43,"description":100,"images":101,"inputImages":-1,"text":-1,"parameters":103},"创意机构来源复现例，包含 Homepage Hero、Services、Case Study、About / Team 四个页面。",[102],{"url":38,"thumbUrl":39,"previewUrl":40,"fullUrl":38,"description":100},{"site_name":104,"site_type":105,"page_set":106,"brand_system":107},"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":109,"images":110,"inputImages":-1,"text":-1,"parameters":112},"原神璃月迁移例，验证 IP 气质、节庆服务和东方建筑符号能进入统一网站 mockup。",[111],{"url":46,"thumbUrl":47,"previewUrl":48,"fullUrl":46,"description":109},{"site_name":113,"site_type":114,"page_set":115,"brand_system":116},"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":118,"images":119,"inputImages":-1,"text":-1,"parameters":121},"高级电商扩展示例，包含首页、系列页、商品详情和购物车/结账页面。",[120],{"url":53,"thumbUrl":54,"previewUrl":55,"fullUrl":53,"description":118},{"site_name":122,"site_type":123,"page_set":124,"brand_system":125},"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、长篇乱码、错别字、水印、签名、低清晰度、过度装饰、组件重叠、文字挤压。",1781009437945]