ハーフトーンの花柄ランディングページヒーロー

目的: サブスクリプション サービス用の洗練された縦型ランディング ページ モックアップを作成し、レトロなハーフトーン編集スタイルと Figma 風の Web デザインの精度をアピールする。キャンバス: 純粋な黒の外枠を持つ 3:4 の縦型画像。画像の中央に、幅の広い黒い余白で囲まれた、背の高い丸みを帯びた長方形の Web サイト カードが配置され、スペースの大部分を占めている。メインビジュアル: カードの内側には、青い空と白い雲の下に咲く野花を描いた、夢のような上向きのシーンがある。カード画像全体に、レトロなハーフトーンのドット テクスチャが強く適用されている。下から上に深い黒のグラデーション オーバーレイが追加され、下半分は深みのある読みやすい効果を与えつつ、上半分の明るいスカイ ブルーを維持している。目に見える花の要素には、正確には 9 つの主要な花が含まれる必要があります。左上隅に部分的に黄色い花が 1 つ、左上隅にピンクの花が 1 つ、中央左に白いデイジーの房が 2 つ、中央右に大きな白いコスモスが 1 つ、左下近くに白いデイジーが 1 つ、下部中央近くに小さな淡い青色の花が 1 つ、右下隅にピンクの花が 1 つ、右下端に部分的に隠れた濃い白色の花が 1 つ、さらに細い茎と小さなカスミソウのつぼみが含まれます。上部ナビゲーション: カードの上部中央に、繊細なフロスト/ぼかしスタイルと柔らかい影が付いた小さなカプセル ボタン 3 つを配置します。ボタン 1 のテキスト: "{argument name="login button text" default="Log in"} 濃いチャコールグレーのカプセルに配置されます。ボタン 2 のテキスト: "{argument name="booking button text" default="Schedule a call"} テキストの前には小さな白い電話アイコンがあり、暖色系の暗い半透明のカプセルに配置されます。ボタン3のテキスト: "{argument name="pricing button text" default="View price"} 淡いマットグレーブルーのカプセル上に配置され、シンプルで小さなサンセリフ体の白いフォントを使用しています。中央の詳細: カードの中央にローディングサークルが追加され、左下隅に小さなオレンジレッドのドットが付いた白いリングで構成されています。すっきりとした鮮明な外観を維持しています。最初の画面レイアウト: 下部3分の1の中央に、エレガントな大きな白いセリフ体のタイトルが配置され、テキスト "..."{argument name="headline text" default="Design and Development\nSubscription Services"} が含まれています。1行目には「Design and Development」、2行目には「Subscription Service」が表示され、「Subscription」という単語はイタリック体のセリフ体フォントになっています。洗練された高コントラストのフォントと十分な文字間隔を使用することで、高級感のある編集的な雰囲気を醸し出しています。コールトゥアクション (CTA): 見出しの下に、小さな白いCTAが中央に配置され、テキスト "..."{argument name="call to action text" default="View 「計画」というテキストに続いて、右向きの細い矢印を配置します。ミニマルなスタイルを維持し、タイトルと揃えます。スタイルの制約: 高級ウェブページデザイン、リアルな花柄の空の背景、ハーフトーンの印刷テクスチャ、下部の暗い映画のようなグラデーション、丸みを帯びたカード、ブラウザの境界線なし、余分なロゴなし、透かしなし、3 つのナビゲーション ボタン、タイトル、および CTA 以外の追加テキストなし。