3D-UI-Mockup für eine Spardose in einer App

{ "type": "Visuelles Hauptmodell des Konzepts für eine fortschrittliche Fintech-Anwendung", "style": "Stilvolle, glasähnliche 3D-Benutzeroberfläche, tief mintgrüner Farbverlauf, realistische Smartphone-Darstellung, sanfte Studiobeleuchtung, hoher Kontrast, exquisite Produktdesign-Darstellung, feine Unschärfe- und Halo-Effekte sowie filmische Schatten.", "canvas": { "aspect_ratio": "16:9 Querformat", "background": "Ein sanfter Farbverlauf von Cyan zu Smaragdgrün, der unten in fast Schwarz ausläuft und so einen minimalistischen, technologisch fortschrittlichen Display-Hintergrund erzeugt." }, "layout": { "centerpiece": "Ein großes, schwarzes Smartphone im iPhone-Stil, leicht rechts zentriert, nach vorne gerichtet, mit abgerundeten Ecken, einer dynamischen Kameraaussparung im Inselstil, einem schmalen schwarzen Rahmen, realistischen Seitentasten und reflektierenden Effekten.", "left_text_block": { "position": "Links und Mitte", "headline": "{argument name=\"headline text\" default=\"Bewahren Sie Ihre Ersparnisse an einem sicheren Ort auf\"}", "style": "Große hellgraue serifenlose Schriftart, zweizeilig, sanfte Transparenz" }, "right_text_block": { "position": "Unten rechts", "paragraph_count": 2, "text": [ "Diese Anwendung ist ein Konzeptentwurf. Ich werde Claude für die Entwicklung verwenden. Bleiben Sie dran für weitere Updates.", "Das Konzept zielt darauf ab, die Verwaltung von Ersparnissen in einer einzigen Anwendung durch eine schöne Benutzeroberfläche zu vereinfachen." ], "style": "Kleine, weiche, graue serifenlose Schriftart" }, "top_badges": { "count": 2, "items": [ { "position": "Oben links", "text": "Spar-App", "shape": "Durchscheinende, mintfarbene Kapseln mit abgerundeten Ecken" }, { "position": "Oben rechts", "text": "{argument name=\"creator handle\" default=\" @Ilia Zolotukhin\"}", "shape": "Durchscheinende, mintfarbene Kapseln mit abgerundeten Ecken" } ] } }, "phone_screen": { "status_bar": { "time": "9:41", "icons": "Signal, Wi-Fi, Battery", "count": 4 }, "top_controls": { "count": 2, "items": [ { "position": "Oben links", "text": "{argument name=\"savings progress\" default=\"$1350 / 5.000 $\"}", "icon": "Kleines Flammen- oder Wassertropfen-Symbol", "shape": "Mintfarbene, durchscheinende, abgerundete Kapseln" }, { "position": "Oben rechts", "icon": "Zahnräder einstellen", "shape": "Mintgrüner, runder Knopf" } ] }, "main_visual": "Ein großes, durchscheinendes Glasgefäß mit einem metallisch mintfarbenen Deckel befindet sich in der Mitte des Bildschirms. Am Boden liegen gestapelte Silbermünzen. Es verfügt über einen glänzenden, brechenden Effekt, vertikale Highlights, 3D-Tiefe und einen tiefgrünen Innenhintergrund.", "micro_instruction": "Schütteln Sie Ihr Telefon, um einen neuen Betrag hinzuzufügen", "stats_card": { "position": "unten auf dem Telefonbildschirm", "shape": "Große, dunkle, abgerundete Glaskarte", "title": "Gesamtersparnis", "main_amount": "{argument name=\"gesparter Betrag\" 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": "Spare money", "style": "Bright mint green rounded corner buttons" } ] } }, "rendering_notes": "Machen Sie das Sparschwein zum visuellen Blickfang und präsentieren Sie realistische Glastransparenz und Münzgeometrie. Das klare, moderne Layout, der ausgewogene Weißraum und das übersichtliche Design liefern Produktfotoqualität, Dadurch eignet es sich für Landingpage-Vorschauen von Spar-Apps."