下面是一段在 v0、Lovable、Bolt 里都能稳定产出高质量结果的 SaaS 落地页 prompt,后面附上每一行背后的推理——理解了推理,你才能把它改造成自己产品的版本,而不是永远原样照抄。
提示:prompt 本体保留英文。AI 建站工具对英文指令的遵循度明显更高,直接粘贴即可。
Prompt 全文
Build a single-page SaaS landing page with the visual confidence of a Linear or Resend launch page.
Identity: background #0B0B0F, foreground near-white, one accent: hsl(255 90% 66%). Inter, weights 400/600 only. Radius 14px. Hairline borders at white/8%.
Structure: (1) Nav — wordmark left, three links + one accent CTA right, sticky, gains blur + border after scroll. (2) Hero — headline clamp(3rem,7vw,5.25rem) tracking -0.03em, max 8 words; subline max-w-lg at 65% opacity; primary CTA + ghost secondary; below them a browser-framed product screenshot placeholder tilted 2deg with soft glow. (3) Logo row — six grayscale placeholders, 40% opacity. (4) Three feature blocks, alternating text/visual sides, each visual a bordered panel with a subtle grid background. (5) Single testimonial in display type, no carousel. (6) Pricing — three tiers, middle elevated with accent border and "Most popular" tag, one-time framing. (7) FAQ accordion, one open at a time. (8) Final CTA band, then a minimal footer.
Motion: sections fade-up 16px over 500ms on first scroll into view, staggered children 60ms; hover lifts of 3px on cards; respect prefers-reduced-motion.
Never: emoji in headings, gradient text, three-icon feature rows, stock illustrations, more than one accent color.
每一行凭什么留在里面
品牌参照(Linear、Resend) 比任何形容词都管用——模型对这些站点的美学有强先验,一提就会向它们收敛。
"只用 400/600 两个字重"和"只允许一个强调色" 是克制性约束。放任不管的话,生成器会给每个区块加新字重、加新颜色,而这正是"业余感"的来源。
标题"不超过 8 个词" 强迫模型使用 display 级的字号层级。标题一长,整个 Hero 就会悄悄降级成正文气质。
倾斜的产品截图加辉光,是给 Hero 一个视觉焦点。Hero 区更多是死于空,而不是死于满。
"不要轮播":轮播是转化率的坟场,而每个生成器都爱用它。
Never 清单放在最后,因为收尾处的约束遵循度最高。
怎么改造成你自己的
换掉强调色、品牌参照和第 4 节的数量,让它匹配你的产品。但克制性约束(字重、单一强调色、Never 清单)不要动——那是承重墙。
想要上百个已经写好、按情绪和行业分好类、逐一测过的变体?这就是我们的产品本体:60 条免费 prompt、整页合集,所有会员方案都是一次性付款(价格)。