Halftone Floral Landing Page Hero

Generates a vintage halftone floral website hero mockup for a design subscription landing page.

目標: デザインサブスクリプションサービスのための洗練された縦型ランディングページヒーローモックアップを作成、ノスタルジックなハーフトーンエディトリアルスタイルとFigma風ウェブデザインの精度を持たせる。

キャンバス: ピュアブラックの外側背景にポートレート3:4画像。中央に大きな角丸の長方形ウェブサイトカードを配置し、角の丸みが大きく、フレームの大部分を占め、周囲に厚い黒いマージンを残す。

メインビジュアル: カード内部に、青空と柔らかい白い雲を背景とした野花を上から見上げるような幻想的な写真スタイルのシーンを使用。カード全体に強いヴィンテージハーフトーンドットテクスチャを適用。下から上に rise する暗い黒いグラデーションオーバーレイを追加し、下半分がムードのある読みやすいものになり、上部は明るい空の青を維持。見える花の要素は正確に9つの主要な花を含む: 左上隅に1つの部分的な黄色い花、左上付近に1つのピンクの花、左中に白いデイジーが2つ集まり、右中に大きな白いコスモス、左下付近に1つの白いデイジー、下中央付近に1つの小さい青みがかった花、右下に1つのピンクの花、右下端に1つの暗く部分的に隠れた白い花、さらに細い茎と小さなガーベラのつぼみ。

トップナビゲーション: カードの上部付近に正確に3つの小さなピルボタンを中央に配置し、サブタルなガラス/ブラー styling と柔らかいシャドウ。ボタン1テキスト: "{argument name="login button text" default="ログイン"}" ダークチャコールのピル。ボタン2テキスト: "{argument name="booking button text" default="電話を予約"}" テキストの前に小さな白い電話アイコン付き、温かい暗い半透明のピル。ボタン3テキスト: "{argument name="pricing button text" default="料金を見る"}" パールフロスティッドグレー青のピル。小さくクリーンなサンセリフ白テキストを使用。

センターデテール: カードの中央に1つの読み込みスピナーを追加、白い円形リングの下部左側に小さなオレンジ赤いドットが付いたもの。シンプルでクリーンに保つ。

ヒーロータイポグラフィ: 下部3分の1付近に、中央に大きなエレガントな白いセリフ見出しを配置し、「{argument name="headline text" default="デザイン＆開発
サブスクリプションで"}」と読む。最初の行は「デザイン＆開発」；2行目は「サブスクリプションで」で、「サブスクリプション」はイタリックセリフ。洗練された高コントラストタイプ、十分な文字間隔、豪華なエディトリアル感覚を使用。

コールトゥアクション: 見出しの下に、中央に小さな白いCTAを配置し「{argument name="call to action text" default="プランを見る"}」と読む、その後に薄い右矢印。ミニマルに保ち、見出しに合わせる。

スタイル制約: ハイエンドウェブヒーローデザイン、リアルな花の空背景、ハーフトーンプリントテクスチャ、ダークシネマティックな下部フェード、角丸カード、ブラウザchrome、追加ロゴ、透かし、3つのナビボタン、見出し、CTA以外の追加テキストなし。

機械翻訳 — この作品を生成したのは元のプロンプトです。

✨ 生成 保存 プロンプトをコピー 共有 元の投稿 Hitboard で開く