# GPT Image Hub prompt

## UI กรณีศึกษาการตลาดในโหมดมืด
- URL: https://www.gptimagehub.com/th/library/agi2-89-dark-mode-marketing-case-study-ui
- Generator URL: https://www.gptimagehub.com/th/generate?promptId=cmogx4gaj00ejzpdyjfmpkq4n
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fth%2Flibrary%2Fagi2-89-dark-mode-marketing-case-study-ui
- Category: ออกแบบ UI / UX
- Model: gpt-image-1
- Aspect ratio: 1:1
- Style: graphic-design
- Updated: 2026-10-26T09:09:59.539Z
- Created: 2026-04-27T08:11:20.060Z

สร้างม็อกอัปหน้า Landing Page กรณีศึกษาการตลาดแบบโหมดมืดพร้อมแผนภูมิข้อมูลและจุดเน้นเรืองแสง เหมาะสำหรับพอร์ตโฟลิโอเอเจนซีดิจิทัลและสไลด์นำเสนอผลงาน

### Full prompt
```text
{
  "type": "ม็อกอัปหน้า Landing Page UI/UX",
  "theme": "โหมดมืด, สุนทรียศาสตร์ทันสมัยโฉบเฉี่ยว, กลาสฟอร์มิกซึม (glassmorphism), จุดเน้นเรืองแสง{argument name=\"primary accent color\" default=\"ม่วงและน้ำเงินนีออน\"}",
  "header": {
    "logo": "{argument name=\"brand name\" default=\"goViralX\"}",
    "top_right_tag": "VIRAL CAMPAIGN CASE STUDY"
  },
  "layout": {
    "sections": [
      {
        "name": "Hero",
        "headline": "{argument name=\"hero headline\" default=\"วิธีที่เราสร้างอิมแพกต์ไวรัลกว่า 10 ล้าน\"}",
        "subheadline": "Detonated the entire network in 3 days, helping brands achieve exponential growth",
        "stats_row": {
          "count": 4,
          "labels": ["Total play volume", "Interaction rate", "Conversion consultation", "Execution cycle"],
          "values": ["{argument name=\"main statistic\" default=\"10,240,000+\"}", "18.7%", "3,200+", "72 hours"]
        },
        "visual": "ภาพถ่ายสไตล์ภาพยนตร์ของคนสวมเสื้อฮู้ดกำลังมองหน้าจอดิจิทัลและกราฟเรืองแสง พร้อมโอเวอร์เลย์ปุ่มเล่นขนาดใหญ่"
      },
      {
        "name": "กลยุทธ์",
        "title": "Our 3-Day Execution Strategy",
        "layout_type": "ไทม์ไลน์แนวตั้ง",
        "steps_count": 3,
        "elements_per_step": ["โหนดไทม์ไลน์", "หัวข้อ", "สัญลักษณ์หัวข้อย่อย", "ภาพขนาดย่อวิดีโอพร้อมปุ่มเล่น", "กล่องคำอธิบาย"]
      },
      {
        "name": "ประสิทธิภาพ",
        "title": "Data-Driven Performance",
        "left_column": {
          "stat_cards_count": 4,
          "values": ["10M+", "43%", "28,000+", "3,200+"]
        },
        "right_column": {
          "charts_count": 2,
          "chart_1": "กราฟเส้นแสดงการเติบโตใน 7 วันโดยขึ้นสูงสุดในวันที่ 3",
          "chart_2": "แผนภูมิแท่งแนวนอนแบบแบ่งส่วนแสดงการกระจายของแพลตฟอร์ม (TikTok 52%, Instagram 24%, X 15%, YouTube 9%)"
        }
      },
      {
        "name": "กุญแจสู่ความสำเร็จ",
        "title": "The 3 Keys to Viral Success",
        "cards_count": 3,
        "card_elements": ["ไอคอนเรืองแสง (ไฟ, เป้าหมาย, เสาอากาศ)", "หัวข้อ", "คำอธิบาย", "ลิงก์ VIEW DETAIL"]
      },
      {
        "name": "การยอมรับทางสังคม",
        "title": "TRUSTED BY CREATORS & BRANDS",
        "left_column": {
          "logos_count": 8,
          "grid": "2x4",
          "brands": ["SHEIN", "SHOPLINE", "Blueglass", "instacart", "lemon8", "mi", "CIDER", "bellroy"]
        },
        "right_column": {
          "testimonial_cards_count": 2,
          "elements": ["คำนิยม", "ตำแหน่งผู้เขียน (SaaS Founder, Growth Manager)"]
        }
      },
      {
        "name": "กระตุ้นการตัดสินใจ",
        "title": "READY TO GO VIRAL?",
        "interactive_elements": ["ช่องป้อนข้อความ", "ปุ่มเรืองแสงพร้อมข้อความ '{argument name=\"call to action text\" default=\"รับแผนการเติบโตเฉพาะคุณ ->\"}'"],
        "visual": "ภาพเรนเดอร์ 3D ของยานอวกาศกำลังทะยานขึ้นพร้อมเปลวไฟสีม่วงและน้ำเงิน"
      }
    ]
  }
}
```
### Source
- Author: @开发者Hailey
- URL: https://x.com/IndieDevHailey/status/2044974254769463312\#reversed-0
- License: CC BY 4.0