完整落地页设计提示词(Codex)
把选定的首屏方向扩展成完整落地页,按固定顺序点名八个区块,避免 Codex 拿凑数的内容填满页面。
提示词
把方向 [B] 扩展成一个完整的落地页,放在一个 HTML 文件里,宽 1440px。区块依次为:首屏、logo 展示条、三个核心功能(各配一个小的产品示意图)、分三步讲清楚怎么用、两条带姓名和职位的客户评价、价格、包含五个问题的 FAQ,以及收尾的行动号召。首屏保持原样,不要改动。
- 适用于
- Codex, ChatGPT
- 所属合集
- 落地页
这条提示词能做什么
Codex 会以你选中的首屏为基础,在一个 1440px 宽的 HTML 文件里补齐整页:logo 展示条、三个各带小示意图的核心功能、三步使用说明、两条署名客户评价、价格、五个问题的 FAQ,以及收尾的行动号召。提示词要求首屏原样保留,所以整页是从你已经认可的设计上长出来的,而不是推倒重来。
把 [B] 换成你选定方向的字母,再对照需求说明那一步得到的大纲调整区块列表:如果大纲里有对比表或集成列表,就把它写进对应的位置。每个区块都点名写出来,agent 才不会自作主张加一个配着三个空泛图标的「为什么选择我们」。
第一版的中间部分通常比较粗糙,这很正常。这个合集接下来的提示词会逐个重做这些区块,先是功能区块,再是价格区块,所以不必把所有问题塞进一条很长的修改要求里一次改完。
同一合集里的其他提示词
- 落地页功能区块提示词:写出真实内容(Codex)重写落地页的功能区块:每个功能配具体标题、带数字的说明和一个 HTML 界面示意,不再用彩色圆圈图标。
- 价格区块设计提示词(Codex)设计带推荐方案、按月/按年切换和一句打消顾虑文案的价格区块,每个方案先列出差异功能。
- 落地页手机端适配检查提示词(Codex)让 Codex 做一个 390px 宽的手机版落地页:首屏可见行动按钮,点击区域不小于 44px,并说明删减了什么。
- 去掉 AI 模板感的网页设计提示词(Codex)让 Codex 找出页面里显得像 AI 生成的地方,从全部居中到空泛文案,列出问题并修复最明显的五个。
- 落地页转生产代码提示词(Codex)用你真实的技术栈(如 Next.js 和 Tailwind)重建定稿的 HTML 落地页,复用现有组件,文案一字不改。
- 落地页需求说明提示词(Codex)把产品、访客、目标动作和可信证明一次讲清,让 Codex 先列出落地页的区块和顺序,再开始设计。