v0・Lovable・Bolt のいずれでも安定して質の高い結果を出す SaaS ランディングページ用プロンプトを公開します。後半では各行が存在する理由を解説します——理由が分かれば、丸写しではなく自分のプロダクトに合わせて改造できるようになります。
なお、プロンプト本体は英語のままにしています。AI ビルダーは英語指示への追従精度が高いため、そのまま貼り付けてください。
プロンプト全文
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 のみ」「アクセントカラーは 1 色だけ」 は抑制のための制約です。放っておくとビルダーはセクションごとに新しいウェイトと色を足していき、それこそが「素人っぽさ」の正体になります。
見出し「8 語以内」 は display 級のタイポグラフィ階層を強制します。見出しが長いと、ヒーロー全体が本文の温度感に降格してしまいます。
傾けたスクリーンショットとグロー はヒーローに視覚的な焦点を与えます。ヒーローは「詰め込みすぎ」よりも「空っぽ」で失敗することの方が多いのです。
「カルーセル禁止」:カルーセルはコンバージョンの墓場ですが、どの生成 AI もこれを使いたがります。
Never リストを最後に置く のは、末尾の制約が最も忠実に守られるからです。
自分用に改造する
アクセントカラー・参照ブランド・セクション 4 の数はプロダクトに合わせて差し替えてください。ただし抑制系の制約(ウェイト制限、単一アクセント、Never リスト)は動かさないこと——そこが耐力壁です。
ムードや業種別に分類され、テスト済みのバリエーションを数百件まとめて使いたい場合は、それがまさに私たちのプロダクトです:無料プロンプト 60 件、フルページのコレクション。すべてのプランが買い切りです(料金)。