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

{ "type": "高度なフィンテックアプリケーションコンセプトのメインビジュアルモデル", "style": "スタイリッシュな3DガラスのようなUI、深みのあるミントグリーンのグラデーション、リアルなスマートフォンのレンダリング、柔らかなスタジオ照明、高コントラスト、精巧な製品デザインの表示、繊細なぼかしとハロー効果、映画のような影。", "canvas": { "aspect_ratio": "16:9 横長", "background": "シアンからエメラルドグリーンへの滑らかなグラデーション、下部でほぼ黒にフェードアウトし、ミニマルで技術的に高度な表示背景を作成。" }, "layout": { "centerpiece": "丸みを帯びた角、ダイナミックなアイランドスタイルのカメラ切り抜き、スリムな黒いベゼル、リアルなサイドボタン、反射効果を備えた、やや右寄りに配置された大きな黒いiPhoneスタイルのスマートフォン。", "left_text_block": { "position": "左と中央", "headline": "{argument name=\"headline text\" default=\"貯蓄を安全な場所に保管してください\"}", "style": "大きなライトグレーのサンセリフフォント、2行、ソフトな透明度" }, "right_text_block": { "position": "右下", "paragraph_count": 2, "text": [ "このアプリケーションはコンセプトデザインです。開発にはClaudeを使用します。今後のアップデートにご期待ください。", "このコンセプトは、美しいUIを通じて、単一のアプリケーション内で貯蓄を簡単に管理できるようにすることを目的としています。" ], "style": "小さなソフトグレーのサンセリフフォント" }, "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=\"貯蓄の進捗状況\" default=\"$1350 / $5,000\"}", "icon": "小さな炎または水滴のアイコン", "shape": "ミント色の半透明の丸いカプセル" }, { "position": "右上", "icon": "ギアを設定", "shape": "ミントグリーンの丸いボタン" } ] }, "main_visual": "画面中央に、メタリックなミント色の蓋が付いた大きな半透明のガラス瓶が配置され、底には銀貨が積み重ねられています。光沢のある屈折効果、垂直方向のハイライト、3Dの奥行き、そして深い緑色の内部背景が特徴です。", "micro_instruction": "新しい金額を追加するには、携帯電話を振ってください", "stats_card": { "position": "携帯電話の画面の下部", "shape": "大きな暗い丸いガラスのカード", "title": "合計貯蓄額", "main_amount": "{argument name=\"貯蓄額\" default=\"$1,350\"}", "time_toggle": { "count": 3, "labels": [ "day", "week", "moon" ], "active": "day" }, "metrics": { "count": 3, "items": [ { "value": "$50", "label": "Added" }, { "value": "12 days", "label": "Continuous recording" }, { "value": "April 15, 2026", "label": "Creation Date" } ] } }, "bottom_buttons": { "count": 2, "items": [ { "text": "statistics", "style": "Dark rounded corner buttons" }, { "text": "Saving money", "style": "Bright mint green rounded corner buttons" } ] } }, "rendering_notes": "貯金箱を視覚的な焦点とし、リアルなガラスを見せる透明感とコインの形状。すっきりとしたモダンなレイアウト、バランスの取れた余白、そしてすっきりとしたデザインは、商品写真のような品質を実現し、貯蓄アプリのランディングページプレビューに最適です。