Kit de componentes de interfaz de usuario Glassmorphism

{ "type": "Frosted Glass UI Component Showcase", "style": "Kit de interfaz esqueuomórfica minimalista de alta gama, acrílico blanco semitransparente esmerilado, sombras suaves, reflejos delicados, esquinas redondeadas, fondo blanco puro, acentos turquesa y naranja, renderizado de producto 3D ultra refinado, vista superior.", "palette": { "background": "Gris claro suave", "primary": "Azul verdoso intenso", "secondary": "Naranja brillante", "material": "Vidrio translúcido blanco lechoso con detalles de plástico satinado" }, "layout": { "composition": "Un solo lienzo con widgets de interfaz de usuario flotantes distribuidos uniformemente presenta una demostración de sistema de diseño limpio y ordenado.", "sections": [ { "title": "Perilla grande", "position": "Superior izquierda", "count": 1, "labels": [ "Perilla giratoria circular con escala radial e indicador naranja" ] }, { "title": "Teclas de flecha", "position": "Superior central", "count": 1, "etiquetas": [ "Un controlador circular de cuatro direcciones con un botón central y cuatro iconos de flecha." ] }, { "título": "Botón de reproducción", "posición": "parte superior central derecha", "cantidad": 1, "etiquetas": [ "Un botón circular con un triángulo de reproducción cian y un arco de progreso naranja." ] }, { "título": "Interruptor", "posición": "Parte superior derecha", "cantidad": 1, "etiquetas": [ "El interruptor horizontal en forma de píldora está en la posición de ENCENDIDO." ] }, { "título": "Botón favorito", "posición": "centro superior izquierdo", "cantidad": 1, "etiquetas": [ "Baldosas cuadradas redondeadas con contorno en forma de corazón" ] }, { "título": "Punto de estado", "posición": "Esquina superior derecha", "cantidad": 1, "etiquetas": [ "Botón pequeño redondo con un punto central naranja" ] }, { "título": "Paso", "posición": "Esquina superior derecha", "cantidad": 1, "etiquetas": [ "Componente horizontal en forma de píldora con signos de menos y más" ] }, { "título": "Control deslizante de audio", "posición": "centro izquierdo", "cantidad": 1, "etiquetas": [ "Un control deslizante de volumen largo y horizontal con un icono de altavoz a la izquierda y un diseño en relieve en forma de onda a la derecha." ] }, { "título": "Medidor de porcentaje", "posición": "Centro-derecha", "cantidad": 1, "etiquetas": [ "Un indicador circular que muestra el 60% con graduaciones radiales." ] }, { "title": "Mosaico de notificación", "position": "centro derecha", "count": 1, "labels": [ "Imán cuadrado redondeado con contorno de campana" ] }, { "title": "Tarjetas de música", "position": "Abajo a la izquierda", "count": 1, "labels": [ "Tarjetas multimedia, incluyendo miniaturas de bosque y títulos{argumento nombre=\"título de la pista\" predeterminado=\"Forest Drive\"} ,subtítulo{argumento nombre=\"subtítulo de la pista\" predeterminado=\"Ambient Journey\"} Barra de progreso y botón de reproducción circular" ] }, { "title": "Iconos útiles", "position": "Abajo a la izquierda centro", "count": 4, "labels": [ "Icono de configuración del control deslizante", "Icono de búsqueda", "Icono de compartir", "Más iconos de menú" ] }, { "title": "brújula", "position": "Shimonaka", "count": 1, "labels": [ "Brújula grande y redonda con Marcas NESW y un puntero verde azulado-naranja." ] }, { "title": "Control deslizante vertical", "position": "Inferior derecha central", "count": 1, "labels": [ "Control deslizante alto y redondeado con pista cian, perilla cian, extremos naranjas e icono de altavoz pequeño." ] }, { "title": "Navegación inferior", "position": "Inferior izquierda", "count": 1, "labels": [ "La barra de navegación en forma de píldora contiene cuatro iconos: Inicio, Gráfico de barras, Brújula y Perfil." ] }, { "title": "Llamada a la acción", "position": "Parte inferior derecha", "count": 1, "labels": [ "Botón en forma de píldora, etiquetado {argument name=\"texto del botón\" default=\"Explorar\"} fragmentos con flechas circulares naranjas" ] }, { "title": "Imán biométrico", "position": "Parte inferior derecha", "count": 1, "labels": [ "Baldosa cuadrada redondeada con icono de huella dactilar" ] } ] }, "rendering": { "lighting": "Iluminación de estudio suave desde la parte superior izquierda", "shadow": "Sombras difusas en capas para profundidad flotante", "finish": "Estética de electrónica de consumo de alta gama, exquisita y minimalista", "quality": "Un modelo de interfaz 3D claro, limpio y realista, adecuado para diseñar la imagen de la pantalla de inicio del sistema." } }