Kit di componenti UI Glassmorphism

{ "type": "Frosted Glass UI Component Showcase", "style": "Kit di interfaccia skeuomorfa minimalista di fascia alta, acrilico bianco semitrasparente satinato, ombre morbide, riflessi delicati, angoli arrotondati, sfondo bianco puro, accenti turchesi e arancioni, rendering del prodotto 3D ultra-raffinato, vista dall'alto.", "palette": { "background": "Grigio-bianco chiaro tenue", "primary": "Blu-verde intenso", "secondary": "Arancione brillante", "material": "Vetro traslucido bianco latte con dettagli in plastica satinata" }, "layout": { "composition": "Una singola tela con widget UI flottanti distribuiti uniformemente presenta una demo del sistema di design pulita e ordinata.", "sections": [ { "title": "Manopola grande", "position": "In alto a sinistra", "count": 1, "labels": [ "Manopola rotante circolare con scala radiale e indicatore arancione" ] }, { "title": "Tasti freccia", "position": "Alto al centro", "count": 1, "labels": [ "Un controller circolare a quattro direzioni con un pulsante centrale e quattro icone a freccia." ] }, { "title": "Pulsante Play", "position": "in alto al centro a destra", "count": 1, "labels": [ "Un pulsante circolare con un triangolo Play ciano e un arco di avanzamento arancione." ] }, { "title": "Interruttore", "position": "In alto a destra", "count": 1, "labels": [ "L'interruttore orizzontale a forma di pillola è in posizione ON." ] }, { "title": "Pulsante preferito", "position": "in alto al centro a sinistra", "count": 1, "labels": [ "Tessere quadrate arrotondate con contorno a forma di cuore" ] }, { "title": "Punto di stato", "position": "In alto a destra", "count": 1, "labels": [ "Piccolo pulsante rotondo con un punto centrale arancione" ] }, { "title": "Stepper", "position": "In alto a destra", "count": 1, "labels": [ "Componente orizzontale a forma di pillola con segni meno e più" ] }, { "title": "Cursore audio", "position": "al centro a sinistra", "count": 1, "labels": [ "Un lungo cursore del volume orizzontale con un'icona di altoparlante a sinistra e un disegno in rilievo a forma di onda a destra." ] }, { "title": "Indicatore percentuale", "position": "Centro-destra", "count": 1, "labels": [ "Un indicatore circolare che mostra il 60% con graduazioni radiali." ] }, { "title": "Riquadro di notifica", "position": "centro destra", "count": 1, "labels": [ "Magnete quadrato arrotondato con contorno a campana" ] }, { "title": "Schede musicali", "position": "in basso a sinistra", "count": 1, "labels": [ "Schede multimediali, incluse miniature della foresta e titoli{argument name=\"titolo traccia\" default=\"Forest Drive\"} ,subtitle{argument name=\"sottotitolo traccia\" default=\"Ambient Journey\"} Barra di avanzamento e pulsante di riproduzione circolare" ] }, { "title": "Icone utili", "position": "in basso a sinistra al centro", "count": 4, "labels": [ "Icona delle impostazioni del cursore", "Icona di ricerca", "Icona di condivisione", "Altre icone del menu" ] }, { "title": "bussola", "position": "Shimonaka", "count": 1, "labels": [ "Bussola grande e rotonda con marcature NESW e un colore verde acqua-arancione puntatore." ] }, { "titolo": "Cursore verticale", "posizione": "Centro in basso a destra", "conteggio": 1, "etichette": [ "Cursore alto e arrotondato con traccia ciano, manopola ciano, punti finali arancioni e piccola icona dell'altoparlante." ] }, { "titolo": "Navigazione inferiore", "posizione": "In basso a sinistra", "conteggio": 1, "etichette": [ "La barra di navigazione a forma di pillola contiene quattro icone: Home, Grafico a barre, Bussola e Profilo." ] }, { "title": "Call to Action", "position": "In basso a destra", "count": 1, "labels": [ "Pulsante a forma di pillola, frammenti etichettati{argument name=\"button text\" default=\"Esplora\"} con frecce circolari arancioni" ] }, { "title": "Magnete biometrico", "position": "In basso a destra", "count": 1, "labels": [ "Riquadro quadrato arrotondato con icona dell'impronta digitale" ] } ] }, "rendering": { "lighting": "Illuminazione da studio soffusa dall'alto a sinistra", "shadow": "Ombre diffuse a strati per una profondità fluttuante", "finish": "Estetica dell'elettronica di consumo di fascia alta, squisita e minimalista", "quality": "Un modello di interfaccia 3D chiaro, pulito e realistico, adatto per la progettazione dell'immagine della schermata iniziale del sistema." } }