SaaS 機能カードのオーバーラップ表示

キャプチャ、マッチングスコアリング、自動スケジューリングの 3 つの SaaS 機能カードが重なり合う、洗練されたランディングページ用ヒーローモックアップ。

プロンプト

目標：セールスインテリジェンス / リードモニタリング製品向けに、3 つの白い SaaS 機能カードが重なり合う、プレミアムでミニマルな Figma スタイルのランディングページ用ヒーロービジュアルを作成する。キャンバス：1:1 のスクエア構成。温かみのあるオフホワイトの背景に、非常に柔らかなベージュのグラデーションと繊細なビネットを施し、カードの下にはリアルで柔らかな影を配置する。カードは角丸の縦長長方形で、わずかにパースを効かせて中央に浮かせる。大きな見出しにはエレガントなエディトリアル・セリフ体、小さなラベルにはサンセリフ体を使用する。レイアウト：3 枚の縦長カードを水平方向に重ねて配置する。左のカードは手前にあり、反時計回りにわずかに傾ける。中央のカードは中央に配置し、ほぼ垂直に立てる。右のカードは後ろに配置し、時計回りにわずかに傾ける。十分な余白と角丸を維持する。カード 1（左）— キャプチャソース：左上に抽象的な白いマークが入った小さなオレンジ色の円形ロゴアイコンを配置。上部中央付近に「CAPTURA」と書かれた淡いピーチ色のピル型ラベルを配置する。ポルトガル語の大きな見出し：「12+ fontes escutando seu mercado 24h」。その下に、アイコンとラベルが付いた 3 列 × 4 行のグリッドで、12 個の小さな角丸ソースタイルを表示する。12 個のラベルは「Notícias」、「LinkedIn」、「Reddit」、「Google」、「Podcasts」、「X (Twitter)」、「YouTube」、「Trustpilot」、「Blogs」、「Wikipédia」、「Comunidades」、「e mais」。認識しやすいシンプルなアイコン（地球儀、LinkedIn ロゴ、Reddit エイリアン、Google G、ポッドキャスト記号、X ロゴ、YouTube 再生ボタン、緑の信頼スター、ドキュメント/ブログアイコン、W、コミュニティドット、プラス記号）を使用する。カード 2（中央）— マッチスコア：淡い緑色のピル型ラベルに「ENTENDE」と記載。メイン見出し：「ICP Match 94%」。中央に、ほぼ完了した状態の明るいオレンジ色の太いドーナツ型プログレスリングを配置し、残りの部分は淡いピーチ色にする。リングの内側に「94%」を大きなセリフ体で表示し、その下に小さなサブタイトル「de compatibilidade」を添える。リングの下に、緑色のチェックアイコンが付いた 3 行の細い角丸チェックリストを配置する。ラベルは「Perfil ideal identificado」、「Sinais alinhados」、「Alta intenção detectada」。カード 3（右）— アクションスケジューリング：濃い緑色のピル型ラベルに「AGE」と記載。ポルトガル語の大きな見出し：「Reunião agendada automaticamente」。その下に、「Maio 2025」という見出しのコンパクトなカレンダーウィジェットを配置し、曜日はポルトガル語で「SEG」、「TER」、「QUA」、「QUI」、「SEX」、「SÁB」、「DOM」と表記する。月間カレンダーを表示し、15 日をオレンジ色の円で囲む。カレンダーの見出し付近に左右の小さな山形記号（シェブロン）を追加する。下部に、オレンジ色のカレンダーアイコン、「Reunião confirmada」、「15 de maio, 10:00」、および緑色のドットと「Google Meet」というテキストを含む確認ブロックを配置する。ビジュアルスタイル：ハイエンドな SaaS ランディングページの美学。柔らかな 3D ペーパーカード、オフホワイトの表面、薄い淡灰色の区切り線、落ち着いた緑とオレンジのアクセントカラー、繊細な影、鮮明なベクター UI アイコン、洗練されたタイポグラフィ、リアルかつクリーンな製品モックアップ。制約事項：カードは必ず 3 枚使用すること。左のカードには 12 個のソースタイル、中央のカードには 3 行のチェックリスト、右のカードには 1 つのカレンダーウィジェットを配置すること。すべてのテキストを読みやすくすること。人物は含めないこと。指定されたソースアイコン以外の余計なロゴは含めないこと。透かしやブラウザのクロームは含めないこと。