Landing Page Hero Mockup (Clear Title Hierarchy + CTA)

【用途】產出一張桌機版網站首頁「第一屏 Hero 區」的高保真設計稿（design mockup），主題 [產品主題]，風格 [設計風格]。

【版面骨架｜先定結構再填字】
- 頂部導覽列：左側品牌名「[品牌名]」+ 右側 [導覽連結數] 個導覽連結 + 一顆次要按鈕。
- 主視覺區分左右兩欄（約 6:6 或 7:5）：
  - 左欄文字：主標題（最大最粗）→ 副標說明 → 一顆主 CTA 按鈕 +一顆次要連結。
  - 右欄視覺：一塊產品示意圖或抽象插畫區。

[ Log in to see the full prompt ]

Use this to quickly visualize an idea for a product or service's homepage hero section, for pitching or aligning a team — good for SaaS, brand websites, event pages, and freelance designers. The success of a hero section comes down entirely to visual hierarchy — a visitor needs to understand what this is and where to click within three seconds, so the prompt must explicitly state the hierarchy order (headline → subheadline → CTA) and emphasize that the CTA should stand out the most. Practical reminders: first, keep the headline short (one sentence, two lines max) for the best results — too long and the text shrinks, collapsing the hierarchy; second, explicitly specify 'wide desktop layout, browser mockup only, not a whole computer,' otherwise it often gives you a lifestyle photo of a laptop sitting on a desk, which can't be used as a design mockup; third, this is a visual mockup — buttons and links aren't actually clickable, and the nav bar text shouldn't be overloaded (4–5 items is most reliable). GPT Image 2 handles mixed English brand names and Traditional Chinese body text well, but if the subheadline runs long, the tail end occasionally drops characters — just tell it 'only redraw the subheadline text, leave everything else unchanged' to fix it.