Glassmorphism UI-komponentsæt

{ "type": "Frosted Glass UI Component Showcase", "style": "High-end minimalistisk skeuomorphic interface kit, frostet semi-transparent hvid akryl, bløde skygger, fine refleksioner, afrundede hjørner, ren hvid baggrund, turkis og orange accenter, ultra-raffineret 3D-produktgengivelse, top-down visning.", "palette": { "background": "Blød lys grå-hvid", "primary": "Dyb blå-grøn", "secondary": "Klar orange", "material": "Mælkehvidt gennemsigtigt glas med satinplastdetaljer" }, "layout": { "composition": "Et enkelt lærred med jævnt fordelte flydende UI-widgets præsenterer en ren og overskuelig designsystemdemo.", "sections": [ { "title": "Stor knap", "position": "Øverst til venstre", "count": 1, "labels": [ "Cirkulær drejeknap med radial skala og en orange indikator" ] }, { "title": "Piletaster", "position": "Øverste midterste", "count": 1, "labels": [ "En cirkulær firevejs-controller med en midterste knap og fire pileikoner." ] }, { "title": "Afspilningsknap", "position": "øverst i midten til højre", "count": 1, "labels": [ "En cirkulær knap med en cyan afspilningstrekant og en orange statusbue." ] }, { "title": "Switch", "position": "Øverst til højre", "count": 1, "labels": [ "Den vandrette pilleformede knap er i ON-positionen." ] }, { "title": "Favoritknap", "position": "øverst i midten til venstre", "count": 1, "labels": [ "Afrundede firkantede fliser med hjerteformet omrids" ] }, { "title": "Angiv punkt", "position": "Øverst til højre", "count": 1, "labels": [ "Lille rund knap med en orange prik i midten" ] }, { "title": "Stepper", "position": "Øverst til højre", "count": 1, "labels": [ "Vandret pilleformet komponent med minus- og plustegn" ] }, { "title": "Lydskyder", "position": "midt til venstre", "count": 1, "labels": [ "En lang, vandret lydstyrkeskyder med et højttalerikon til venstre og et bølgeformet præget design til højre." ] }, { "title": "Procentmåler", "position": "Midt til højre", "count": 1, "labels": [ "En cirkulær måler, der viser 60 % med radiale gradueringer." ] }, { "title": "Notifikationsfelt", "position": "center højre", "count": 1, "labels": [ "Afrundet firkantet magnet med klokkeomrids" ] }, { "title": "Musikkort", "position": "Nederst til venstre", "count": 1, "labels": [ "Mediekort, inklusive skovminiaturebilleder og titler{argument name=\"track title\" default=\"Forest Drive\"} ,subtitle{argument name=\"track subtitle\" default=\"Ambient Journey\"} Statuslinje og cirkulær afspilningsknap" ] }, { "title": "Nyttige ikoner", "position": "Nederst til venstre i midten", "count": 4, "labels": [ "Sliderindstillinger-ikon", "Søgeikon", "Del-ikon", "Flere menuikoner" ] }, { "title": "kompas", "position": "Shimonaka", "count": 1, "labels": [ "Stort, rundt kompas med NESW-markeringer og en blågrøn viser." ] }, { "title": "Lodret skyder", "position": "Nederst til højre i midten", "count": 1, "labels": [ "Højt afrundet skyder med cyanfarvet spor, cyan knap, orange endepunkter og lille højttalerikon." ] }, { "title": "Nederste navigation", "position": "Nederst til venstre", "count": 1, "labels": [ "Den pilleformede navigationslinje indeholder fire ikoner: Hjem, Søjlediagram, Kompas og Profil." ] }, { "title": "Opfordring til handling", "position": "Nederst til højre", "count": 1, "labels": [ "Pilleformet knap, mærket {argument name=\"button text\" default=\"Explore\"} fragmenter med orange cirkulære pile" ] }, { "title": "Biometrisk magnet", "position": "Nederst til højre", "count": 1, "labels": [ "Afrundet firkantet flise med fingeraftryksikon" ] } ] }, "rendering": { "lighting": "Blød studiebelysning fra øverste venstre", "shadow": "Diffuse lagdelte skygger for flydende dybde", "finish": "High-end forbrugerelektronikæstetik, udsøgt og minimalistisk", "quality": "En klar, ren og realistisk 3D-grænseflademodel, egnet til design af systemets startskærmbillede." } }