# GPT Image Hub prompt

## B2B SaaS 到達頁首屏英雄區設計
- URL: https://www.gptimagehub.com/zh-TW/library/b2b-saas-landing-page-hero-section
- Generator URL: https://www.gptimagehub.com/zh-TW/generate?promptId=oss-ym-g2-17885
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-TW%2Flibrary%2Fb2b-saas-landing-page-hero-section
- Category: UI / UX 設計
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: b2b saas, 首屏設計, ui-ux設計, 到達頁, 網頁設計, figma模型
- Updated: 2026-10-27T04:00:38.098Z
- Created: 2026-10-27T04:00:38.098Z

生成現代高轉換的 B2B SaaS 首屏介面，包含擬毛玻璃卡片、數據分析與客戶背書。可自訂品牌名稱、標題與指標。

### Full prompt
```text
{"type": "現代B2B SaaS落地頁首屏英雄區設計", "brand": {"name": "[Atlas GTM]", "logo": "深海軍藍圓形標誌，帶白色抽象指南針/字母A圖示", "visual_style": "高階、極簡、高轉化導向，柔和白色背景帶有淡薰衣草紫和桃色漸變光暈，微妙的等高線紋理，圓角擬毛玻璃卡片，深海軍藍排版，亮藍色強調色"}, "layout": {"canvas": "寬屏桌面端網頁截圖，16:9比例，充裕留白，精緻的Figma風格網頁設計", "header": {"position": "頂部", "count": 6, "items": ["左側logo與Atlas GTM文字標識", "What We Do", "Who We Help", "How It Works", "Results", "Resources"], "cta": "右上角帶有向右箭頭的‘Book a Strategy Call’深海軍藍膠囊按鈕"}, "hero_left": {"position": "左半區", "eyebrow": "MAP. MESSAGE. MEETINGS.", "headline": "[We build the map from your product to your most valuable buyers.]", "headline_treatment": "加粗大號深海軍藍無襯線字型，其中‘the map’以亮藍色高亮", "body": "[Atlas GTM gives B2B companies a precise, tested system to generate more pipeline, without guesswork or reliance on referrals.]", "buttons": {"count": 2, "items": ["‘Book a Strategy Call’深海軍藍填充按鈕帶箭頭", "‘See How It Works’白色線框按鈕帶小菱形圖示"]}}, "hero_right": {"position": "右半區", "card_count": 4, "cards": [{"description": "上方正中偏上的白色核心理念大卡片", "text": "Know where you’re going. Move with precision.", "badge": "Core Belief", "graphic": "帶有小圓形節點和一個實心藍色終點的虛線弧形路徑"}, {"description": "右側卡片後方的深海軍藍地圖面板", "icons_count": 3, "icons": ["目標/準星圖示", "受眾/群組圖示", "增長圖表圖示"], "graphic": "細微的等高線與虛線路徑"}, {"description": "右下前方的白色資料分析卡片", "metric": "2.4x", "title": "Meetings Booked", "subtitle": "(per 1,000 contacts)", "caption": "Increase after 6 months with Atlas GTM", "chart": "標有Month 1、Month 3、Month 6的藍色上升折線圖"}, {"description": "資料分析卡片下方的橫向功能欄", "feature_count": 4, "features": ["Territory Mapping", "Message Testing", "Reply Analysis", "System Compounding"]}]}, "trust_bar": {"position": "底部居中", "heading": "TRUSTED BY B2B SAAS & CONSULTING COMPANIES", "logo_count": 6, "logos": ["fuse", "Nexora", "Northline", "Vectorly", "Clariovue", "Summit Labs"]}}, "typography": {"font": "類似於Inter或Satoshi的現代無襯線字型", "colors": "深海軍藍、啞光石板灰、明亮皇家藍、淡薰衣草紫"}, "rendering_instructions": "生成高保真SaaS網頁落地頁原型圖，不含瀏覽器邊框。文字保持清晰易讀，嚴格按柵格對齊，運用柔和陰影、圓角、微妙模糊以及頂級風投創業公司的美學風格。"}
```