3D貯蓄アプリUIモックアップ

{
  "type": "プレミアムフィンテックアプリのコンセプトヒーローモックアップ",
  "style": "洗練された3DグラスモーフィズムUI、ダークミントグリーンのグラデーション、リアルなスマートフォンレンダリング、柔らかなスタジオ照明、高コントラスト、洗練されたプロダクトデザインプレゼンテーション、繊細なぼかしとグロー、シネマティックな陰影",
  "canvas": {
    "aspect_ratio": "16:9 横長",
    "background": "滑らかなティールからエメラルドへのグラデーション、下部に向かってほぼ黒にフェードするミニマルなテック向け背景"
  },
  "layout": {
    "centerpiece": "中央やや右寄りに配置された大型の黒いスマートフォン、正面向き、角丸、Dynamic Islandカメラカットアウト、極細ベゼル、リアルなサイドボタンと反射",
    "left_text_block": {
      "position": "左中央",
      "headline": "[Store your savings in one secure place]",
      "style": "大きなライトグレーのサンセリフ体、2行、柔らかな不透明度"
    },
    "right_text_block": {
      "position": "右下",
      "paragraph_count": 2,
      "text": [
        "This app is a concept. I will be developing it with Claude. Follow for more progress",
        "The idea behind - is to easily manage saving in one app with beautiful UI"
      ],
      "style": "小さく控えめなグレーのサンセリフ体"
    },
    "top_badges": {
      "count": 2,
      "items": [
        {
          "position": "左上",
          "text": "Saving App",
          "shape": "角丸の半透明ミント色ピル"
        },
        {
          "position": "右上",
          "text": "[@Ilia Zolotukhin]",
          "shape": "角丸の半透明ミント色ピル"
        }
      ]
    }
  },
  "phone_screen": {
    "status_bar": {
      "time": "9:41",
      "icons": "電波、Wi-Fi、バッテリー",
      "count": 4
    },
    "top_controls": {
      "count": 2,
      "items": [
        {
          "position": "左上",
          "text": "[$1,350 / $5,000]",
          "icon": "炎または水滴の小さなアイコン",
          "shape": "ミント色の半透明角丸ピル"
        },
        {
          "position": "右上",
          "icon": "設定用ギア",
          "shape": "ミント色の円形ボタン"
        }
      ]
    },
    "main_visual": "金属製ミント色の蓋が付いた大型の半透明ガラス瓶、画面中央に配置、底には積み上げられた銀貨、光沢ある屈折、縦方向のハイライト、3Dの奥行き、ダークグリーンの背景",
    "micro_instruction": "Shake your phone to add new amount",
    "stats_card": {
      "position": "画面下部",
      "shape": "大きなダーク色の角丸長方形ガラスカード",
      "title": "Total Saved",
      "main_amount": "[$1,350]",
      "time_toggle": {
        "count": 3,
        "labels": [
          "D",
          "W",
          "M"
        ],
        "active": "D"
      },
      "metrics": {
        "count": 3,
        "items": [
          {
            "value": "$50",
            "label": "Added"
          },
          {
            "value": "12 Days",
            "label": "Streak"
          },
          {
            "value": "15 Apr, 2026",
            "label": "Created"
          }
        ]
      }
    },
    "bottom_buttons": {
      "count": 2,
      "items": [
        {
          "text": "Stats",
          "style": "ダークトーンの角丸ボタン"
        },
        {
          "text": "Add Money",
          "style": "鮮やかなミント色の角丸ボタン"
        }
      ]
    }
  },
  "rendering_notes": "ガラス瓶を視覚的な主役に設定、リアルなガラスの透明感とコインの質感、整理された現代的タイポグラフィ、バランスの取れたネガティブスペース、ランディングページ向けクオリティ"
}