メインコンテンツへスキップ

そのままコピーできる SaaS ランディングページ用プロンプト(各行の設計意図つき)

August 27, 2026
v0・Lovable・Bolt で安定動作する SaaS ランディングページ用プロンプトの全文と、各制約の設計意図を一行ずつ解説。どこを変えてよく、どこが耐力壁か。

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 件フルページのコレクション。すべてのプランが買い切りです(料金)。

全プロンプトがメンバー無料

一度の支払いで、サイト内のすべてのプロンプトを

  • サイト内の全プロンプトが無料
  • 回数無制限、いつでもコピー

3ヶ月プラン

90 日間$48.00

年間プラン

365 日間$99.00

買い切りプラン

無期限$179.00
メンバーシップを見る
そのままコピーできる SaaS ランディングページ用プロンプト(各行の設計意図つき) | VibUI