Japansk SaaS Før-Efter-banner

{ "type": "SaaS-funktionsopdateringsbannerinfo", "style": "Designet har en ren og moderne japansk teknologisk marketingstil, en sofistikeret brugergrænseflade, en dyb marineblå gradientbaggrund, subtile stiplede halvtoneteksturer i øverste venstre og nederste højre hjørne, bløde buede accenter og slående neoncyan højdepunkter, hvilket resulterer i en raffineret og visuel effekt af produktlancering af høj kvalitet.", "canvas": { "aspect_ratio": "1:1" }, "headline": { "icon": "App-ikonet er en afrundet firkant med et hvidt kamerasymbol, en cyan gradientbaggrund og små glitterdekorationer.", "title": "{argument name=\"headline text\" default=\"Fotografier registrerer og visualiserer ændringer\"}", "subtitle": "{argument name=\"subtitle text\" default=\"Sammenligning af ledelse før og efter efter tidslinje\"}", "language": "Kinesisk", "title_style": "Stor, fed sans-serif-skrifttype; den første sætning er hvid, og den anden sætning er lys cyan.", "subtitle_style": "Mellemstørrelse fed hvid sans-serif-skrifttype med cyan og guld glitter-separatorer på begge sider." }, "layout": { "sections": [ { "title": "Sammenligningskort", "position": "center", "count": 2, "labels": [ "Før", "efter" ] }, { "title": "Tidslinjeposter", "position": "bottom", "count": 5, "labels": [ "04/01 10:30", "04/15 10:30", "04/29 10:30", "05/13 10:30", "05/27 10:30" ] } ], "centerpiece": "De side om side før-og-efter portrætkort er forbundet med en cirkulær cyan pileknap.", "bottom_panel": "Det afrundede rektangulære tidslinjemodul indeholder fem miniaturebilleder med datoer, forbundet med en stiplet vandret statuslinje." }, "comparison": { "subject": "Den samme voksne kvinde, profilbillede fra venstre, med mørkebrunt hår bundet i en pæn lav knold, lys hud, iført en spaghetti-top, studiebelysning og en lysegrå baggrund.", "privacy": "Ansigtsområderne på det store kort og alle fem miniaturebilleder er dækket af lodrette rektangulære sløringsblokke.", "before_card": { "label": "Før", "frame": "Afrundet rektangel med lysegrå kant og blød skygge", "image": "Neutralt klinisk portræt" }, "after_card": { "label": "efter", "frame": "Afrundet rektangel med en lys cyan kant og blød skygge", "image": "Lignende portrætter med subtile forbedringer af kæbelinjen/halskonturen, der antyder synlige ændringer.", "dekorationer": "Så er der to cyan blinkende stjerner i nederste højre hjørne af kortet." }, "connector": "Den lille, runde, cyan knap i midten af ​​kortet har en hvid pil, der peger til højre." }, "timeline": { "panel_style": "Mørk, halvtransparent, afrundet beholder med en intern glødeffekt.", "line": "Hvid vandret stiplet linje", "entries": [ { "date": "04/01", "time": "10:30", "state": "Lille blå cirkulær node over miniaturebilledet", "thumbnail": "Et miniaturebillede af en kvindes profil med et sløret område og en miniaturekameraikonknap i nederste højre hjørne.", "frame": "Lysegrå afrundet hjørnekant" }, { "date": "04/15", "time": "10:30", "state": "Lille blå cirkulær node over miniaturebilledet", "thumbnail": "Et miniaturebillede af en kvindes profil med et sløret område og en miniaturekameraikonknap i nederste højre hjørne.", "frame": "Lysegrå afrundet hjørnekant" }, { "date": "04/29", "time": "10:30", "state": "Valgt i øjeblikket med en blåhvid ringnode.", "thumbnail": "Et miniaturebillede af en kvindes profil med et sløret område og en miniaturekamera-ikonknap i nederste højre hjørne.", "frame": "Lys cyan afrundet hjørnekant" }, { "date": "13/05", "time": "10:30", "state": "Lille blå cirkulær knude over miniaturebilledet", "thumbnail": "Et miniaturebillede af en kvindes profil med et sløret område og en miniaturekamera-ikonknap i nederste højre hjørne.", "frame": "Lys grå afrundet hjørnekant" }, { "date": "27/05", "time": "10:30", "state": "Fremhævet milepæl med guld- og hvide ringknuder", "thumbnail": "Et miniaturebillede af en kvindes profil med et sløret område og en miniaturekamera-ikonknap i nederste højre hjørne.", "frame": "Guld afrundet hjørnekant" } ], "extra_decorations": "Der er to små gyldne blinkende stjerner yderst til højre på tidslinjepanelet." }, "color_palette": { "background": "Dyb marineblå til indigo gradient", "primary": "lys cyan", "secondary": "Hvid", "accent": "guld", "support": "Blød grå og blå-lilla" }, "rendering": "Den rene vektorgrafik kombineret med UI-design, integreret med realistisk portrætfotografering, afbalanceret afstand og centreret komposition leverer kvaliteten af ​​et landingssidebanner til en startup." }