Luxury Watch Hero Web Design
A high-end dark-mode watch brand landing page hero mockup, suitable for luxury ecommerce, frontend concept design, and premium product marketing.
プロンプト
{
"type": "高級時計ブランドのランディングページヒーローセクション",
"brand": {
"name": "{argument name=\"ブランド名\" default=\"NOCTURNE ATELIER\"}",
"style": "ウルトラプレミアム、ミニマル、男性的、エディトリアルなスイス時計ブランディング"
},
"canvas": {
"aspect_ratio": "16:9",
"background": "深いマットブラックに繊細なウォームハイライト",
"palette": ["ブラック", "チャコール", "ガンメタル", "ソフトアイボリー", "ミュートゴールド", "ローズゴールド"]
},
"layout": {
"type": "分割ヒーロー",
"sections": [
{
"title": "ヘッダーナビゲーション",
"position": "トップフルワイド",
"count": 7,
"labels": ["NOCTURNE ATELIER", "COLLECTION", "CRAFT", "SHOWROOM", "SERVICE", "BOOK CONCIERGE", "メニューアイコン"],
"details": "薄いトップナビゲーションバー、ブランドロゴは左寄せ、4つのセンタリングナビリンクはスペースの効いた大文字セリフ/サンセリフ混合、右にアウトライン付き長方形ボタン、ヒーローの右端付近に小さな円形アイコン"
},
{
"title": "左側エディトリアルコピー",
"position": "左カラム",
"count": 5,
"labels": ["SWISS AUTOMATIC / BLACK STEEL", "Time,", "Cut in", "Steel", "本文コピーと2つのCTAボタン"],
"details": "ミュートゴールドの小さな大文字オーバーライン、非常に大きいハイコントラストセリフ見出しを3行に分割、その下に短い高級マーケティング段落、さらに2つの水平に配置されたCTAボタン"
},
{
"title": "製品画像",
"position": "右側大きなパネル",
"count": 1,
"labels": ["ブラックスチールスケルトンリストウォッチ"],
"details": "荒い火山岩の上に置かれた高級自動巻き時計のドラマチックなクローズアップを含む大きなフレーム付き画像エリア"
}
]
},
"text": {
"overline": "{argument name=\"オーバーラインテキスト\" default=\"SWISS AUTOMATIC / BLACK STEEL\"}",
"headline": "{argument name=\"見出しテキスト\" default=\"Time, Cut in Steel\"}",
"body": "{argument name=\"本文テキスト\" default=\"A premium men's watch house built around black steel, exposed mechanics, private fitting, and understated authority.\"}",
"buttons": ["EXPLORE WATCHES", "BOOK SHOWROOM"]
},
"product": {
"name": "{argument name=\"製品スタイル\" default=\"black steel skeleton luxury wristwatch\"}",
"materials": ["ブラッシングブラックスチール", "ダークチタン", "ローズゴールドのマーカーと針", "サファイアクリスタル"],
"features": ["インテグレーテッドブレスレット", "オクタゴナルなラウンドベゼル", "露出された機械式ムーブメント", "スケルトンダイヤル", "自動巻き時計", "ハイエンドスイスデザイン言語"],
"angle": "4分の3クローズアップ、時計を少し左に傾け、ディアルがフレーム内で支配的、ブレスレットが背景に伸びる",
"environment": "粗い黒い溶岩ロックテクスチャの上に、柔らかいダークファブリックの背景と共に配置",
"lighting": "ローキーなシネマティックスタジオ照明、コントロールされた反射、メタルエッジのグロッシーハイライト、ローズゴールドディテールのウォームアクセント、高級製品撮影"
},
"typography": {
"headline": "大きなエレガントなハイファッションセリフ、CanelaやDidotに似たアイボリーホワイト",
"nav": "ソフトアイボリーの小さな大文字トラッキング効いたサンセリフ",
"overline": "小さな大文字トラッキング効いたゴールドテキスト",
"body": "洗練されたモダンサンセリフ、中サイズ、ソフトグレー白"
},
"ui_style": {
"buttons": [
"ミュートゴールドのソリッド長方形にブラック大文字テキスト",
"ダークアウトライン長方形にアイボリー大文字テキスト"
],
"spacing": "広々としたプレミアムホワイトスペース",
"borders": "繊細な細いチャコールの区切り線と画像フレーム"
},
"mood": "独占的、ノクターナル、精密、豪華、現代スイス時計学、ハイエンドECサイトトップページのモックアップ",
"rendering": "フォトリアルなフロントエンドコンセプト、洗練されたWebデザインプレゼンテーション、鮮明なタイポグラフィ、リアルな製品写真、プレミアムアートディレクション"
}
機械翻訳 — この作品を生成したのは元のプロンプトです。
元のプロンプト
{
"type": "luxury watch brand landing page hero section",
"brand": {
"name": "{argument name=\"brand name\" default=\"NOCTURNE ATELIER\"}",
"style": "ultra-premium, minimalist, masculine, editorial Swiss watch branding"
},
"canvas": {
"aspect_ratio": "16:9",
"background": "deep matte black with subtle warm highlights",
"palette": ["black", "charcoal", "gunmetal", "soft ivory", "muted gold", "rose gold"]
},
"layout": {
"type": "split hero",
"sections": [
{
"title": "header navigation",
"position": "top full width",
"count": 7,
"labels": ["NOCTURNE ATELIER", "COLLECTION", "CRAFT", "SHOWROOM", "SERVICE", "BOOK CONCIERGE", "menu icon"],
"details": "thin top navigation bar, brand wordmark aligned left, 4 centered nav links in spaced uppercase serif/sans mix, outlined rectangular button on the right, tiny circular icon near right edge of hero"
},
{
"title": "left editorial copy",
"position": "left column",
"count": 5,
"labels": ["SWISS AUTOMATIC / BLACK STEEL", "Time,", "Cut in", "Steel", "body copy and 2 CTA buttons"],
"details": "small uppercase overline in muted gold, very large high-contrast serif headline broken into 3 stacked lines, short luxury marketing paragraph below, 2 horizontally aligned CTA buttons beneath"
},
{
"title": "product image",
"position": "right large panel",
"count": 1,
"labels": ["black steel skeleton wristwatch"],
"details": "large framed image area containing a dramatic close-up of a luxury automatic watch resting on rough volcanic stone"
}
]
},
"text": {
"overline": "{argument name=\"overline text\" default=\"SWISS AUTOMATIC / BLACK STEEL\"}",
"headline": "{argument name=\"headline text\" default=\"Time, Cut in Steel\"}",
"body": "{argument name=\"body text\" default=\"A premium men's watch house built around black steel, exposed mechanics, private fitting, and understated authority.\"}",
"buttons": ["EXPLORE WATCHES", "BOOK SHOWROOM"]
},
"product": {
"name": "{argument name=\"product style\" default=\"black steel skeleton luxury wristwatch\"}",
"materials": ["brushed black steel", "dark titanium", "rose-gold markers and hands", "sapphire crystal"],
"features": ["integrated bracelet", "octagonal rounded bezel", "exposed mechanical movement", "skeleton dial", "automatic watch", "high-end Swiss design language"],
"angle": "three-quarter close-up, watch tilted slightly left, face dominant in frame, bracelet extending into background",
"environment": "set on coarse black lava-rock texture with a soft dark fabric backdrop",
"lighting": "low-key cinematic studio lighting, controlled reflections, glossy highlights on metal edges, warm accents on rose-gold details, luxury product photography"
},
"typography": {
"headline": "large elegant high-fashion serif similar to Canela or Didot, ivory white",
"nav": "small uppercase tracking-heavy sans serif in soft ivory",
"overline": "small uppercase tracking-heavy gold text",
"body": "refined modern sans serif, medium size, soft gray-white"
},
"ui_style": {
"buttons": [
"solid muted gold rectangle with black uppercase text",
"dark outlined rectangle with ivory uppercase text"
],
"spacing": "generous premium whitespace",
"borders": "subtle thin charcoal dividers and image frame"
},
"mood": "exclusive, nocturnal, precise, luxurious, modern Swiss horology, high-end ecommerce homepage mockup",
"rendering": "photorealistic frontend concept, polished web design presentation, crisp typography, realistic product photo, premium art direction"
}