Glassmorphism UI-componentenkit

{ "type": "Showcase van UI-componenten met mat glas", "style": "Hoogwaardige minimalistische skeuomorfe interfacekit, mat semi-transparant wit acryl, zachte schaduwen, delicate reflecties, afgeronde hoeken, puur witte achtergrond, turquoise en oranje accenten, ultra-verfijnde 3D-productweergave, bovenaanzicht.", "palette": { "background": "Zacht lichtgrijs-wit", "primary": "Diep blauwgroen", "secondary": "Fel oranje", "material": "Melkwit doorschijnend glas met satijnplastic details" }, "layout": { "composition": "Een enkel canvas met gelijkmatig verdeelde zwevende UI-widgets presenteert een strakke en overzichtelijke demo van een designsystem.", "sections": [ { "title": "Grote knop", "position": "Linksboven", "count": 1, "labels": [ "Ronde draaiknop met radiale schaal en een oranje indicator" ] }, { "title": "Pijltoetsen", "position": "Boven in het midden", "count": 1, "labels": [ "Een ronde vierwegcontroller met een centrale knop en vier pijlpictogrammen." ] }, { "title": "Afspeelknop", "position": "boven in het midden rechts", "count": 1, "labels": [ "Een ronde knop met een cyaan afspeeldriehoek en een oranje voortgangsboog." ] }, { "title": "Schakelaar", "position": "Boven rechts", "count": 1, "labels": [ "De horizontale pilvormige schakelaar staat in de AAN-stand." ] ] }, { "title": "Favorietenknop", "position": "linksboven in het midden", "count": 1, "labels": [ "Afgeronde vierkante tegels met een hartvormige omtrek" ] }, { "title": "Statuspunt", "position": "rechtsboven", "count": 1, "labels": [ "Kleine ronde knop met een oranje stip in het midden" ] }, { "title": "Stappenknop", "position": "rechtsboven", "count": 1, "labels": [ "Horizontaal pilvormig component met min- en plustekens" ] }, { "title": "Audioschuifregelaar", "position": "links in het midden", "count": 1, "labels": [ "Een lange, horizontale volumeschuifregelaar met een luidsprekerpictogram aan de linkerkant en een golfvormig reliëfontwerp aan de rechterkant." ] } ] }, { "title": "Percentage meter", "position": "Midden-rechts", "count": 1, "labels": [ "Een cirkelvormige meter die 60% weergeeft met radiale schaalverdeling." ] }, { "title": "Meldingstegel", "position": "midden rechts", "count": 1, "labels": [ "Afgeronde vierkante magneet met belomtrek" ] }, { "title": "Muziekkaarten", "position": "Links onder", "count": 1, "labels": [ "Mediakaarten, inclusief miniatuurafbeeldingen en titels van het bos {argument name=\"tracktitel\" default=\"Forest Drive\"} , subtitle {argument name=\"tracksubtitle\" default=\"Ambient Journey\"} Voortgangsbalk en ronde afspeelknop" ] }, { "title": "Handige pictogrammen", "position": "Links onder midden", "count": 4, "labels": [ "Pictogram schuifregelaar instellingen", "Zoekpictogram", "Deelpictogram", "Meer menupictogrammen" ] }, { "title": "kompas", "position": "Shimonaka", "count": 1, "labels": [ "Groot, rond kompas met NESW-markeringen en een turquoise-oranje wijzer." ] }, { "title": "Verticale schuifregelaar", "position": "Rechtsonder in het midden", "count": 1, "labels": [ "Hoog afgeronde schuifregelaar met cyaan spoor, cyaan knop, oranje eindpunten en klein luidsprekerpictogram." ] }, { "title": "Onderste navigatie", "position": "Linksonder", "count": 1, "labels": [ "De pilvormige navigatiebalk bevat vier pictogrammen: Home, Staafdiagram, Kompas en Profiel." ] } ] }, { "title": "Oproep tot actie", "position": "Rechtsonder", "count": 1, "labels": [ "Pillvormige knop, gelabeld {argument name=\"button text\" default=\"Verken\"} fragmenten met oranje cirkelvormige pijlen" ] }, { "title": "Biometrische magneet", "position": "Rechtsonder", "count": 1, "labels": [ "Afgeronde vierkante tegel met vingerafdrukpictogram" ] } ] }, "rendering": { "lighting": "Zachte studioverlichting vanuit de linkerbovenhoek", "shadow": "Diffuse gelaagde schaduwen voor zwevende diepte", "finish": "Esthetiek van hoogwaardige consumentenelektronica, verfijnd en minimalistisch", "quality": "Een helder, schoon en realistisch 3D-interfacemodel, geschikt voor het ontwerpen van de afbeelding van het startscherm van het systeem." } }