# GPT Image Hub prompt

## B2B SaaS ランディングページ ヒーローセクション
- URL: https://www.gptimagehub.com/ja/library/b2b-saas-landing-page-hero-section
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-17885
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%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デザイン, ランディングページ, webデザイン, figmaモックアップ
- Updated: 2026-10-27T04:00:38.098Z
- Created: 2026-10-27T04:00:38.098Z

グラスモーフィズムカードやアナリティクス、信頼ロゴを備えた高CV率のB2B SaaSヒーロー画面を生成。製品名や見出し、数値を変更可能です。

### Full prompt
```text
{"type": "モダンなB2B SaaSランディングページ ヒーローセクションのデザイン", "brand": {"name": "[Atlas GTM]", "logo": "ダークネイビーの円形マークにホワイトの抽象的なコンパス／文字Aのアイコン", "visual_style": "プレミアム、ミニマル、コンバージョン重視、淡いラベンダーとピーチのグラデーションが光るソフトホワイトの背景、繊細な等高線、角丸のグラスモーフィズムカード、ダークネイビーのタイポグラフィ、エレクトリックブルーのアクセントカラー"}, "layout": {"canvas": "デスクトップ用ワイドWebサイトスクリーンショット、アスペクト比16:9、ゆったりとしたホワイトスペース、洗練されたFigmaスタイルのWebデザイン", "header": {"position": "トップ", "count": 6, "items": ["左側にロゴと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 Webサイトランディングページモックアップを作成。文字をくっきりと読みやすく保ち、グリッドに合わせて正確に配置、柔らかな影、角丸、かすかなぼかし、プレミアムなスタートアップの美学を演出。"}
```