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

{
  "type": "premium fintech app concept hero mockup",
  "style": "sleek 3D glassmorphism UI, dark mint green gradients, realistic smartphone render, soft studio lighting, high contrast, polished product-design presentation, subtle blur and glow, cinematic shadows",
  "canvas": {
    "aspect_ratio": "16:9 landscape",
    "background": "smooth teal-to-emerald gradient fading to near-black at the bottom, minimalist tech presentation backdrop"
  },
  "layout": {
    "centerpiece": "one large black iPhone-style smartphone centered slightly right, front-facing, rounded corners, dynamic-island camera cutout, thin black bezel, realistic side buttons and reflections",
    "left_text_block": {
      "position": "left middle",
      "headline": "{argument name=\"headline text\" default=\"Store your savings in one secure place\"}",
      "style": "large light-gray sans-serif text, two lines, soft opacity"
    },
    "right_text_block": {
      "position": "lower right",
      "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": "small muted gray sans-serif text"
    },
    "top_badges": {
      "count": 2,
      "items": [
        {
          "position": "top left",
          "text": "Saving App",
          "shape": "rounded translucent mint pill"
        },
        {
          "position": "top right",
          "text": "{argument name=\"creator handle\" default=\"@Ilia Zolotukhin\"}",
          "shape": "rounded translucent mint pill"
        }
      ]
    }
  },
  "phone_screen": {
    "status_bar": {
      "time": "9:41",
      "icons": "cell signal, Wi-Fi, battery",
      "count": 4
    },
    "top_controls": {
      "count": 2,
      "items": [
        {
          "position": "top left",
          "text": "{argument name=\"savings progress\" default=\"$1350 / $5,000\"}",
          "icon": "small flame or droplet icon",
          "shape": "mint translucent rounded pill"
        },
        {
          "position": "top right",
          "icon": "settings gear",
          "shape": "mint circular button"
        }
      ]
    },
    "main_visual": "large translucent glass jar with metallic mint lid, centered on screen, jar filled at the bottom with stacked silver coins; glossy refractions, vertical highlights, 3D depth, dark green interior background",
    "micro_instruction": "Shake your phone to add new amount",
    "stats_card": {
      "position": "bottom of phone screen",
      "shape": "large dark rounded rectangle glass card",
      "title": "Total Saved",
      "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": "Added"
          },
          {
            "value": "12 Days",
            "label": "Streak"
          },
          {
            "value": "15 Apr, 2026",
            "label": "Created"
          }
        ]
      }
    },
    "bottom_buttons": {
      "count": 2,
      "items": [
        {
          "text": "Stats",
          "style": "dark rounded button"
        },
        {
          "text": "Add Money",
          "style": "bright mint rounded button"
        }
      ]
    }
  },
  "rendering_notes": "make the jar the visual focus, realistic glass transparency and coin geometry, clean modern typography, balanced negative space, no clutter, product-shot quality, suitable for a savings app landing-page teaser"
}