Apple-Style iPhone Fold Landing Page
Creates a premium Apple-inspired web landing page mockup for a fictional foldable iPhone product reveal.
プロンプト
目標：フィクションの{argument name="product name" default="iPhone Fold"}のための洗練されたAppleスタイルの製品ランディングページヒーローを作成し、ドラマチックな白黒コントラストとフォトリアリスティックなデバイスレンダリングで高級折りたたみスマートフォンを提示します。
キャンバス：正方形1:1のウェブモックアップ、約850×850px。正確に2つの水平セクションに分割：上部に約58%を占めるダークなシネマティックヒーローセクション、下部に約42%を占める明るい白いデザインセクション。
上部セクション：純粋な黒い背景を使用し、下部近くに控えめなブループーグローを追加。すべてのタイポグラフィを中央配置。最上部に、小さなラベルテキストとして「iPhone Fold」を記載。その下に、大きな太字のApple風ヘッドラインとして「{argument name="headline text" default="A new dimension for what’s next."}」をホワイトからシルバーのグラデーション文字で記載。ヘッドラインの下に、短い中央揃えの段落：「{argument name="subheadline text" default="iPhone Fold combines the power of iPhone with a beautifully flexible design. A larger canvas. A smarter you."}」を追加。段落の下に正確に2つのピルボタンを配置：最初のボタンは白地に黒字で「Watch the film」 plus small play-circle icon; 2番目のボタンはダーク地に細いホワイトアウトラインと白字で「Notify me」。
上部製品レンダリング：ボタンの下に、1つの大型フォトリアリスティックな折りたたみiPhoneを、光沢のある黒い表面上で浅いV字形に開いた状態で表示。デバイスには黒いチタンのエッジ、下部エッジに沿った見やすいスピーカーホールと充電ポート、折り目の中央ヒンジ、丸みを帯びた角、折り目にわたってミラーリングされた抽象的な紫色と青色の花びらのような光の形状を持つ暗い内側ディスプレイ。シネマティックなリムライト、ハイコントラスト、および電話機下の控えめな反射を使用。
下部セクション：クリーンな白いApple製品ページレイアウト。左側に、小さなラベル「Design」を持つテキストブロックを作成し、その後に大きな太字のヘッドライン：「{argument name="design headline" default="Opens up new possibilities."}」を追加。段落を追加：「A remarkably thin and durable design that folds seamlessly. Crafted with titanium. Built to last.」その下に、ミニマリストな黒いアウトラインアイコンと各2行のテキストを持つ正確に3つの機能ローを含む：1）「Titanium frame」 with subtext “Strong. Light. Refined.” 2）「Seamless hinge」 with subtext “Engineered for a smoother fold.” 3）「Built for everyday」 with subtext “Durable inside and out.”
下部製品レンダリング：右側に、2番目のフォトリアリスティックな製品構図を表示：閉じたまたは部分的に折りたたまれた黒いiPhone Foldが縦に立っていて、背面パネルとトリプルカメラクラスターが左半分に、フロントディスプレイが右半分に見える。フロントディスプレイには時間「9:41」、小さな日付テキスト「Tue Apr 1」、小さなステータスアイコン、およびダークブループルーの抽象的な壁紙が表示。 halvesの間に縦のヒンジを使用し、柔らかな影、リアルなガラス反射。
ビジュアルスタイル：ミニマルで高級なAppleキーノート美学、San Francisco風のタイポグラフィ、正確な整列、豊かなホワイトスペース、光沢のある黒いチタン素材、控えめなグラデーション、リアルなライティング、雑然としたものなし。
制約：正確に2つのセクション、正確に2つのCTAボタン、正確に3つの機能ロー、正確に2つの主要製品レンダリング構図を含む。ナビゲーションメニュー、デバイス背面の控えめなAppleロゴ以外の追加ロゴ、透かし、または無関係なテキストを追加しないでください。
機械翻訳 — この作品を生成したのは元のプロンプトです。
元のプロンプト
Goal: Create a polished Apple-style product landing page hero for a fictional {argument name="product name" default="iPhone Fold"}, presenting a premium foldable smartphone with dramatic black-and-white contrast and photorealistic device renders.
Canvas: Square 1:1 web mockup, approximately 850 × 850 px. Split into exactly 2 horizontal sections: a dark cinematic hero section on the top taking about 58% of the canvas, and a bright white design section on the bottom taking about 42%.
Top section: Use a pure black background with subtle blue-purple glow near the bottom. Center all typography. At the very top, small label text reads “iPhone Fold”. Below it, a large bold Apple-like headline reads “{argument name="headline text" default="A new dimension for what’s next."}” in white-to-silver gradient lettering. Under the headline, add a short centered paragraph: “{argument name="subheadline text" default="iPhone Fold combines the power of iPhone with a beautifully flexible design. A larger canvas. A smarter you."}” Place exactly 2 pill buttons below the paragraph: first button is white with black text “Watch the film” plus a small play-circle icon; second button is black/dark with a thin white outline and white text “Notify me”.
Top product render: Beneath the buttons, show one large photorealistic foldable iPhone opened like a shallow V on a glossy black surface. The device has black titanium edges, visible speaker holes and charging port along the lower edges, a central hinge at the fold, rounded corners, and a dark inner display with abstract purple-blue petal-like light shapes mirrored across the fold. Use cinematic rim lighting, high contrast, and a faint reflection below the phone.
Bottom section: Clean white Apple product-page layout. On the left, create a text block with the small label “Design”, then a large bold headline: “{argument name="design headline" default="Opens up new possibilities."}” Add the paragraph: “A remarkably thin and durable design that folds seamlessly. Crafted with titanium. Built to last.” Below it, include exactly 3 feature rows with minimalist black outline icons and two lines of text each: 1) “Titanium frame” with subtext “Strong. Light. Refined.” 2) “Seamless hinge” with subtext “Engineered for a smoother fold.” 3) “Built for everyday” with subtext “Durable inside and out.”
Bottom product render: On the right side, show a second photorealistic product composition: a closed or partially folded black iPhone Fold standing upright, with the rear panel and triple camera cluster visible on the left half and the front display visible on the right half. The front display shows the time “9:41”, small date text “Tue Apr 1”, tiny status icons, and a dark blue-purple abstract wallpaper. Use a vertical hinge between the halves, soft shadows, and realistic glass reflections.
Visual style: Minimal luxury Apple keynote aesthetic, San Francisco-like typography, precise alignment, generous whitespace, glossy black titanium materials, subtle gradients, realistic lighting, no clutter.
Constraints: Include exactly 2 sections, exactly 2 call-to-action buttons, exactly 3 feature rows, and exactly 2 main product render compositions. Do not add navigation menus, extra logos beyond a faint Apple logo on the device back, watermarks, or unrelated text.