Glassmorphism UI-Komponenten-Kit

{ "type": "Frosted Glass UI Component Showcase", "style": "Hochwertiges, minimalistisches, skeuomorphes Interface-Kit, mattiertes, halbtransparentes weißes Acryl, weiche Schatten, zarte Reflexionen, abgerundete Ecken, reinweißer Hintergrund, türkisfarbene und orangefarbene Akzente, hochpräzises 3D-Produkt-Rendering, Draufsicht.", "palette": { "background": "Sanftes Hellgrau-Weiß", "primary": "Tiefes Blaugrün", "secondary": "Leuchtendes Orange", "material": "Milchweißes, transluzentes Glas mit satinierten Kunststoffdetails" }, "layout": { "composition": "Eine einzelne Leinwand mit gleichmäßig verteilten, schwebenden UI-Widgets präsentiert eine klare und übersichtliche Designsystem-Demo.", "sections": [ { "title": "Großer Drehknopf", "position": "Oben links", "count": 1, "labels": [ "Kreisförmiger Drehknopf mit radialer Skala und orangefarbener Anzeige" ] }, { "title": "Pfeiltasten", "position": "Oben Mitte", "count": 1, "labels": [ "Ein kreisförmiger Vier-Wege-Controller mit einem mittleren Knopf und vier Pfeilsymbolen." ] }, { "title": "Wiedergabetaste", "position": "oben rechts", "count": 1, "labels": [ "Ein kreisförmiger Knopf mit einem türkisfarbenen Wiedergabedreieck und einem orangefarbenen Fortschrittsbogen." ] }, { "title": "Schalter", "position": "oben rechts", "count": 1, "labels": [ "Der horizontale, pillenförmige Schalter befindet sich in der Position EIN." ] }, { "title": "Favoriten-Button", "position": "oben links", "count": 1, "labels": [ "Abgerundete quadratische Kacheln mit herzförmigem Rand" ] }, { "title": "Statuspunkt", "position": "oben rechts", "count": 1, "labels": [ "Kleiner runder Button mit einem orangefarbenen Punkt in der Mitte" ] }, { "title": "Schrittregler", "position": "oben rechts", "count": 1, "labels": [ "Horizontale pillenförmige Komponente mit Minus- und Pluszeichen" ] }, { "title": "Lautstärkeregler", "position": "Mitte links", "count": 1, "labels": [ "Ein langer, horizontaler Lautstärkeregler mit einem Lautsprechersymbol links und einem wellenförmigen Relief rechts." ] }, { "title": "Prozentmesser", "position": "Mitte rechts", "count": 1, "labels": [ "Ein kreisförmiges Messgerät, das 60 % mit radialen Skalenstrichen anzeigt." ] }, { "title": "Benachrichtigungskachel", "position": "Mitte rechts", "count": 1, "labels": [ "Abgerundeter quadratischer Magnet mit Glockenumriss" ] }, { "title": "Musikkarten", "position": "Unten links", "count": 1, "labels": [ "Medienkarten, einschließlich Waldminiaturen und Titel{argument name=\"track title\" default=\"Forest Drive\"} ,subtitle{argument name=\"track subtitle\" default=\"Ambient Journey\"} Fortschrittsanzeige und kreisförmiger Wiedergabeknopf" ] }, { "title": "Nützliche Symbole", "position": "Unten links mittig", "count": 4, "labels": [ "Symbol für Schiebereglereinstellungen", "Suchsymbol", "Teilen-Symbol", "Symbol für weitere Menüs" ] }, { "title": "Kompass", "position": "Shimonaka", "count": 1, "labels": [ "Großer, runder Kompass mit Nord-Süd-Markierungen und einem türkis-orangenen Zeiger." ] }, { "title": "Vertikaler Schieberegler", "position": "Unten rechts mittig", "count": 1, "labels": [ "Hochgewölbter Schieberegler mit cyanfarbener Schiene, cyanfarbenem Drehknopf, orangefarbenen Endpunkten und kleinem Lautsprechersymbol." ] }, { "title": "Untere Navigation", "position": "Unten links", "count": 1, "labels": [ "Die pillenförmige Navigationsleiste enthält vier Symbole: Startseite, Balkendiagramm, Kompass und Profil." ] }, { "title": "Call to Action", "position": "Unten rechts", "count": 1, "labels": [ "Pillenförmiger Button mit der Beschriftung "Explore"-Fragmente mit orangefarbenen Kreispfeilen" ] }, { "title": "Biometrischer Magnet", "position": "Unten rechts", "count": 1, "labels": [ "Abgerundete quadratische Kachel mit Fingerabdrucksymbol" ] } ] }, "rendering": { "lighting": "Sanftes Studiolicht von oben links", "shadow": "Diffuse, geschichtete Schatten für schwebende Tiefe", "finish": "Ästhetik hochwertiger Unterhaltungselektronik, exquisit und minimalistisch", "quality": "Ein klares, sauberes und realistisches 3D-Interface-Modell, geeignet für die Gestaltung des Startbildschirms des Systems." } }