可复现示例

选择一个可靠示例开始

3
示例 1

创意机构来源复现例,包含 Homepage Hero、Services、Case Study、About / Team 四个页面。

示例参数
网站/品牌名
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
示例导入码
ZH-T2I-023@ex-001
示例 2

原神璃月迁移例,验证 IP 气质、节庆服务和东方建筑符号能进入统一网站 mockup。

示例参数
网站/品牌名
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
示例导入码
ZH-T2I-023@ex-002
示例 3

高级电商扩展示例,包含首页、系列页、商品详情和购物车/结账页面。

示例参数
网站/品牌名
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
示例导入码
ZH-T2I-023@ex-003
详情说明

提示词内容

来源:受 92digitalartArt 的 X 帖中「一次生成 4 个同品牌网站页面 mockup」提示词启发;本条为 Prompt Garden 原创泛化版,只保留可迁移的网站设计机制。

原始提示词

提示词内容

请为「{{site_name}}」生成一张横向 16:9 的网站设计 mockup 展示图。

网站类型:{{site_type}}
四个页面:{{page_set}}
品牌系统:{{brand_system}}

这张图必须像一个高级 UI/品牌设计师做的多页面网站提案,而不是一张普通截图、单页落地页、海报、信息图或随机 UI 拼贴。画面中同时展示 4 个独立页面 frame,每个 frame 都是同一个网站的不同页面,并且它们共享完全一致的品牌系统。

固定输出结构:
- 单张 16:9 图片中放置 4 个清晰分离的网站页面 mockup,可以是 2x2 网格、横向四联屏、或主大屏 + 三个次屏,但必须一眼能看出有 4 个页面。
- 四个页面分别对应「{{page_set}}」里的页面职责。每个页面都要有不同的信息层级和版式功能,不要复制同一页换文字。
- 每个页面都使用相同的站点名称、导航样式、按钮样式、字体气质、色彩系统、网格间距、图标语言、卡片/分隔线/图片处理方式。
- 页面内容要符合「{{site_type}}」:根据网站类型自动设计 hero、服务模块、案例模块、产品卡、价格区、团队区、表单、购物车、页脚或详情区。
- 只生成网页界面本身和少量展示背景,不要生成电脑、手机、桌面、手、房间、浏览器 chrome、操作系统窗口或应用商店截图。

品牌一致性要求:
- 严格执行「{{brand_system}}」,让四页看起来来自同一个真实网站设计系统。
- 使用一致的 logo 字标或简化文字标识,允许出现站点名「{{site_name}}」,但不要生成真实公司 logo、官方商标或第三方平台 UI。
- 所有按钮、导航、标签、价格卡、产品卡、案例卡和页脚都要保持同一套圆角、边框、阴影、字重、间距和状态语言。
- 视觉层次要专业:清楚的首屏主标题区、明确 CTA、可扫描的信息块、稳定网格、留白和对齐,不要挤满屏幕。

文字处理:
- 允许少量短英文或拼音式 UI 文案,例如 Home、Work、Services、About、Start、View Case、Shop、Pricing。
- 可读文字必须短、干净、像真实网页占位文案;不要生成大段正文、乱码、假中文长句、随机数字堆叠、水印或签名。
- 如果不能保证长文本准确,就用短标题、标签、数字占位、条形文本和卡片结构表达信息。

风格边界:
- 画面应有高完成度的网页视觉设计质感:真实可用的现代 web layout、清晰组件系统、精细间距、漂亮的 hero 区、可信的产品/案例/团队/服务模块。
- 可以使用真实 UI 设计中的照片占位、抽象图形、产品渲染、插画小图、图标或几何纹理,但这些素材必须服务于当前品牌系统。
- 不要做成 Dribbble 风格的炫技拼贴、Figma 截图、wireframe、手绘草图、普通 PPT、移动 App UI、仪表盘后台、社交媒体卡片或宣传海报。
- 如果品牌系统是深色或黑色主题,仍然必须让 4 个页面 frame、导航、卡片、按钮、图片区域和层次结构清楚可见;不要输出纯黑画布、黑底空屏或低对比暗块。

如果主题来自游戏、影视、IP 或虚构世界,请保留可识别的世界观气质、材质、地标轮廓、角色/阵营符号或文化线索,并转译成原创网站品牌系统。不要复制官方 UI、logo、图标、截图、卡面或游戏菜单。

最终结果应该让人感觉:这是同一个品牌的一套完整网站视觉方向,可以直接用于设计提案首页预览。四个页面都清楚、统一、有差异、有层次,整体干净高级。

避免:单页网站、四张互不相关图片、重复同一屏、普通海报、信息图、手机 App、后台 dashboard、Figma 工具界面、浏览器窗口外壳、真实品牌 logo、官方 UI、长篇乱码、错别字、水印、签名、低清晰度、过度装饰、组件重叠、文字挤压。

© 2026 提示词花园. All rights reserved.