Mintpage AI ランディングページ用ヒーロー画像

AI ランディングページ制作スタジオのインターフェースを、ミントブルーを基調とした洗練されたオフィスシーンで表現した SaaS 向けヒーロー画像モックアップ。

プロンプト

ゴール: AI ランディングページ制作スタジオである MINTPAGE を宣伝する、SaaS ランディングページコンセプト用の洗練された正方形のヒーロー画像を作成する。キャンバス: 1:1 の正方形構図。柔らかな自然光が差し込むオフィス設定。パステルミントとペールブルーのカラーパレット。クリーンでプレミアムなテック系の美学。リアルな 3D プロダクトモックアップと洗練されたエディトリアルタイポグラフィの融合。レイアウト: 光沢のあるガラステーブルの上に置かれた大型デスクトップモニターを中央に配置する。上部には小さなブランド行を配置し、円形のミントの葉のようなロゴ、MINTPAGE という単語、細い区切り線、そしてサブタイトル AI LANDING PAGE STUDIO を含める。その下には、ダークブルーの大きくエレガントなセリフ体の見出しを配置する: WHY DO MOST AI PAGES LOOK GENERIC?。見出しの下には、繊細なミントのアイコンとラベルが付いた 4 つの小さな機能バッジを 1 行に並べる: 1) AI-Powered, 2) React + Tailwind, 3) Production Ready, 4) Built to Convert。メイン被写体: モニターには、ランディングページを作成するためのクリーンなウェブアプリビルダーのインターフェースを表示する。インターフェースには上部ナビゲーションバーと分割されたワークスペースが必要。左側には、4 つの番号付きステップからなる垂直方向のセットアップフローを表示する: 1) Context — Define your idea, 2) Style — Visual direction, 3) Design — AI generates layout, 4) Code — Export production ready code。中央パネルには「From Idea to Code. Instantly.」という見出しを表示し、「Code. Instantly.」の部分はミント色のイタリック体にする。その後に「Business Name」、「Target Audience」、「Core Mission」などのフォームフィールドを配置する。右パネルには「Live Environment」というタイトルのコードエディタを表示し、読みやすい小さな React/Tailwind スタイルのコードと、「Landing pages that look iconic. Built to convert.」という短いレンダリング済みテキストスニペットを表示する。前景のオブジェクト: デスクの左側には、円形ロゴと「MINTPAGE」、「AI LANDING PAGE STUDIO」というテキストが刻まれた半透明のアクリル製デスクプレートを置く。その下または横には、背表紙のラベルが見える 3 冊の薄い本を積み重ねる: 1) BUILT FOR CONVERSION, 2) REACT + TAILWIND + AI, 3) DESIGN SYSTEMS THAT SCALE。モニターの前には薄い白いキーボードを配置する。右側には、「PROJECT STATUS」というタイトルの小さな半透明のフローティングステータスカードを置き、チェック済みの 5 つの項目をリストアップする: 1) Live Environment, 2) Context Defined, 3) Style Generated, 4) Design Created, 5) Code Exported。また、4 本の筆記具が入ったペールブルーの波型ペン立てと、白いマウスを含める。環境: 背景にはソフトフォーカスの棚と植物を配したミニマルでモダンなオフィス。右側からの大きな窓の光、ガラステーブルへの繊細な反射、穏やかな被写界深度。人物は含めない。ビジュアルスタイル: プレミアムなスタートアップのローンチ用グラフィック。柔らかなボリュームライティング。リアルなプロダクトフォトグラフィ。グラスモーフィズムのオーバーレイ。ミントグリーンのアクセント。ダークブルーのセリフ体タイポグラフィ。鮮明な UI ディテール。落ち着いた高級感のあるスタジオの雰囲気。制約事項: 上記で指定した要素数を厳守すること。画像をすっきりと保ち、見出しを最も目立つテキストにすること。余計なロゴ、透かし、無関係なテキストは避けること。