SaaS ランディングページスキル
モダンでコンバージョンに特化したSaaSランディングページを生成します。
ルール
- シングルページレイアウトでスティッキーナビゲーションを採用
- ヒーローセクションはグラデーション背景を使用（紫/シアンのグラデーションは禁止）
- 3～4つの特徴を持つフィーチャーグリッド（3列均等カードは禁止）
- 実際の企業ロゴまたはプレースホルダーブロックを使用したソーシャルプルーフセクション
- 3段階の価格表
- ニュースレター登録機能付きフッター
- 指定された会社名とタグラインを使用
- プライマリカラーはアクセントとして使用（画面ごとに最大2回）
- Interフォントは禁止。Geist、Satoshi、またはCabinet Groteskを使用
構造
- ナビゲーション（スティッキー、ぼかし背景）
- ヒーロー（左テキスト + 右ビジュアル/メトリクス）
- ソーシャルプルーフ（ロゴバー）
- 特徴（交互レイアウト）
- お客様の声（1つ強調表示 + グリッド）
- 価格（3段階、中央を強調）
- CTAバナー
- フッター
技術仕様
- インラインCSSを含む単一ファイルHTML
- レスポンシブ：モバイルファーストのブレークポイント
- テーマ設定のためのCSSカスタムプロパティ
- スムーススクロール動作