Kit interfaccia utente Neumorphic Glass

Il design mette in mostra componenti UI puliti e skeuomorfi su uno sfondo grigio chiaro e tenue. Il layout comprende 18 elementi di interfaccia individuali in un design bilanciato, caratterizzato da ombre sottili, una superficie in plastica bianca satinata e traslucida, angoli arrotondati e una texture lucida simile al vetro. Impiegando una sofisticata estetica di design minimalista del prodotto, combina un effetto a strati bianco su bianco, una morbida mascheratura della luce ambientale, ombre interne raffinate e accenti sobri di turchese intenso e arancione vibrante. Include 18 componenti unici: una grande manopola rotante circolare nell'angolo in alto a sinistra con un centro ciano intenso, una scala radiale fine e un piccolo indicatore di posizione arancione; un piccolo controllo direzionale circolare con un pulsante centrale ciano e quattro piccole icone a freccia attorno ad esso; un pulsante di riproduzione circolare con un'icona a triangolo ciano e un breve arco di avanzamento arancione attorno al bordo; un interruttore a levetta orizzontale a forma di pillola nell'angolo in alto a destra con una manopola ciano a destra; un pulsante quadrato arrotondato a forma di cuore con un semplice contorno a forma di cuore ciano; un piccolo pulsante indicatore circolare con un punto arancione al centro; un controllo più/meno a forma di pillola con un segno meno ciano a sinistra e un segno più ciano a destra, separati da una linea divisoria verticale; un lungo cursore orizzontale del volume con un'icona di altoparlante ciano, una scala di scorrimento fine, traccia ciano, una manopola ciano vicino alla destra e una debole icona a forma d'onda all'estrema destra; un quadrante percentuale circolare che visualizza il 60% con scala radiale e diverse evidenziazioni arancioni vicino all'alto a destra; un pulsante di notifica a campana quadrato arrotondato con un'icona a campana con contorno ciano; 1 Una scheda compatta del lettore musicale, con una piccola copertina quadrata dell'album di alberi sempreverdi avvolti nella nebbia a sinistra, intitolata "..."{argument name="track title" default="Forest Drive"} Il sottotitolo è{argument name="track subtitle" default="Ambient Journey"} L'interfaccia presenta una sottile barra di avanzamento e un pulsante di riproduzione circolare a destra; una fila di quattro piccoli pulsanti circolari con icone di utilità che visualizzano rispettivamente cursore/impostazioni, ricerca, condivisione ed ellissi; Una grande bussola circolare con lettere direzionali N, E, S, O ed etichette diagonali, con un puntatore ciano e arancione e un centro in metallo; un cursore verticale alto sulla destra con una traccia ciano, una manopola ciano al centro, piccoli punti sul lato, accenti arancioni vicino alla parte inferiore e una minuscola icona a forma di altoparlante sotto; una barra di navigazione inferiore, a forma di pillola con angoli arrotondati, contenente quattro icone separate da linee sottili: Home, grafico a barre, bussola e profilo utente, con l'etichetta Home in ciano per l'attivazione; e un grande pulsante di invito all'azione arrotondato a forma di pillola in un colore ciano scuro lucido, etichettato come {argument name="button text" default="Esplora"}. Sul lato destro si trovano un pulsante circolare con freccia arancione e un pulsante quadrato arrotondato per l'impronta digitale con un'icona ciano per l'impronta digitale. Con un'ampia spaziatura e un allineamento basato su griglia, il rendering complessivo è estremamente raffinato, tattile e futuristico, simile a un prototipo di suite UI per dispositivi smart di lusso.