แบบจำลอง UI ของแอปออมทรัพย์ 3 มิติ

{
  "type": "แนวคิดการสร้างแบบจำลองฮีโร่แอปฟินเทคระดับพรีเมียม",
  "style": "UI แก้วแบบกระจก 3 มิติที่ทันสมัย, ไล่สีเขียวมิ้นต์เข้ม, การแสดงผลสมาร์ทโฟนที่สมจริง, แสงสตูดิโอที่นุ่มนวล, คอนทราสต์สูง, การนำเสนอการออกแบบผลิตภัณฑ์ที่ขัดเกลา, ความเบลอและแสงที่ละเอียดอ่อน, เงาแบบภาพยนตร์",
  "canvas": {
    "aspect_ratio": "แนวนอน 16:9",
    "background": "การไล่สีน้ำทะเลเป็นมรกตที่เรียบเนียนจางลงเป็นสีดำสนิทที่ด้านล่าง, ฉากหลังการนำเสนอเทคโนโลยีที่เรียบง่าย"
  },
  "layout": {
    "centerpiece": "สมาร์ทโฟนสไตล์ iPhone สีดำขนาดใหญ่หนึ่งเครื่องวางอยู่ตรงกลางทางด้านขวาเล็กน้อย, หันหน้าเข้าหา, มุมโค้งมน, ช่องตัดกล้องแบบ Dynamic Island, ขอบสีดำบาง, ปุ่มด้านข้างและการสะท้อนที่สมจริง",
    "left_text_block": {
      "position": "กลางซ้าย",
      "headline": "{argument name=\"headline text\" default=\"เก็บเงินออมของคุณไว้ในที่ปลอดภัยแห่งเดียว\"}",
      "style": "ข้อความ sans-serif สีเทาอ่อนขนาดใหญ่, สองบรรทัด, ความทึบแสงที่นุ่มนวล"
    },
    "right_text_block": {
      "position": "ล่างขวา",
      "paragraph_count": 2,
      "text": [
        "แอปนี้เป็นเพียงแนวคิด ฉันจะพัฒนาด้วย Claude ติดตามความคืบหน้าเพิ่มเติม",
        "แนวคิดเบื้องหลัง - คือการจัดการการออมได้อย่างง่ายดายในแอปเดียวด้วย UI ที่สวยงาม"
      ],
      "style": "ข้อความ sans-serif สีเทาหม่นขนาดเล็ก"
    },
    "top_badges": {
      "count": 2,
      "items": [
        {
          "position": "บนซ้าย",
          "text": "แอปออมเงิน",
          "shape": "ยาเม็ดมิ้นต์โปร่งแสงแบบโค้งมน"
        },
        {
          "position": "บนขวา",
          "text": "{argument name=\"creator handle\" default=\"@Ilia Zolotukhin\"}",
          "shape": "ยาเม็ดมิ้นต์โปร่งแสงแบบโค้งมน"
        }
      ]
    }
  },
  "phone_screen": {
    "status_bar": {
      "time": "9:41",
      "icons": "สัญญาณเซลล์, Wi-Fi, แบตเตอรี่",
      "count": 4
    },
    "top_controls": {
      "count": 2,
      "items": [
        {
          "position": "บนซ้าย",
          "text": "{argument name=\"savings progress\" default=\"$1350 / $5,000\"}",
          "icon": "ไอคอนเปลวไฟหรือหยดน้ำขนาดเล็ก",
          "shape": "ยาเม็ดมิ้นต์โปร่งแสงแบบโค้งมน"
        },
        {
          "position": "บนขวา",
          "icon": "เฟืองการตั้งค่า",
          "shape": "ปุ่มวงกลมมิ้นต์"
        }
      ]
    },
    "main_visual": "โหลแก้วโปร่งแสงขนาดใหญ่พร้อมฝาปิดสีมิ้นต์โลหะ, วางอยู่ตรงกลางหน้าจอ, โหลบรรจุเหรียญเงินที่ซ้อนกันที่ด้านล่าง; การหักเหของแสงที่เป็นมันวาว, ไฮไลท์แนวตั้ง, ความลึก 3 มิติ, พื้นหลังสีเขียวเข้ม",
    "micro_instruction": "เขย่าโทรศัพท์เพื่อเพิ่มจำนวนเงินใหม่",
    "stats_card": {
      "position": "ด้านล่างของหน้าจอโทรศัพท์",
      "shape": "การ์ดแก้วสี่เหลี่ยมผืนผ้าโค้งมนสีเข้มขนาดใหญ่",
      "title": "รวมเงินออมทั้งหมด",
      "main_amount": "{argument name=\"saved amount\" default=\"$1,350\"}",
      "time_toggle": {
        "count": 3,
        "labels": [
          "D",
          "W",
          "M"
        ],
        "active": "D"
      },
      "metrics": {
        "count": 3,
        "items": [
          {
            "value": "$50",
            "label": "เพิ่ม"
          },
          {
            "value": "12 วัน",
            "label": "สตรีค"
          },
          {
            "value": "15 เมษายน 2026",
            "label": "สร้าง"
          }
        ]
      }
    },
    "bottom_buttons": {
      "count": 2,
      "items": [
        {
          "text": "สถิติ",
          "style": "ปุ่มโค้งมนสีเข้ม"
        },
        {
          "text": "เพิ่มเงิน",
          "style": "ปุ่มโค้งมนสีมิ้นต์สดใส"
        }
      ]
    }
  },
  "rendering_notes": "ทำให้โหลเป็นจุดสนใจหลัก, ความโปร่งใสของแก้วที่สมจริงและรูปทรงเรขาคณิตของเหรียญ, ตัวอักษรที่ทันสมัยและสะอาดตา, พื้นที่ว่างที่สมดุล, ไม่มีความยุ่งเหยิง, คุณภาพการถ่ายภาพผลิตภัณฑ์, เหมาะสำหรับหน้าทีเซอร์ของแอปออมเงิน"}