Kit de componentes de interface do usuário Glassmorphism

{
  "type": "demonstração de componente de interface do usuário glassmorphism",
  "style": "kit de interface neumórfica minimalista premium, acrílico branco translúcido fosco, sombras suaves, reflexos sutis, cantos arredondados, fundo branco limpo, cores de destaque verde-água e laranja, renderização 3D ultra detalhada do produto, vista de cima",
  "palette": {
    "background": "cinza-branco claro suave",
    "primary": "verde-água profundo",
    "secondary": "laranja brilhante",
    "material": "vidro leitoso translúcido com detalhes em plástico acetinado"
  },
  "layout": {
    "composition": "tela única com widgets de interface do usuário flutuantes espaçados uniformemente dispostos em uma apresentação de design-system limpa",
    "sections": [
      {
        "title": "dial grande",
        "position": "superior esquerdo",
        "count": 1,
        "labels": [
          "botão rotativo circular com marcas de escala radial e um indicador laranja"
        ]
      },
      {
        "title": "controle direcional",
        "position": "superior central",
        "count": 1,
        "labels": [
          "controle redondo de quatro vias com botão central e quatro ícones de seta"
        ]
      },
      {
        "title": "botão de reprodução",
        "position": "superior central-direito",
        "count": 1,
        "labels": [
          "botão redondo com triângulo de reprodução verde-água e arco de progresso laranja"
        ]
      },
      {
        "title": "interruptor",
        "position": "superior direito",
        "count": 1,
        "labels": [
          "interruptor horizontal em forma de pílula ligado"
        ]
      },
      {
        "title": "botão favorito",
        "position": "meio superior central-esquerdo",
        "count": 1,
        "labels": [
          "bloco quadrado arredondado com contorno de coração"
        ]
      },
      {
        "title": "ponto de status",
        "position": "meio superior central-direito",
        "count": 1,
        "labels": [
          "botão circular pequeno com ponto central laranja"
        ]
      },
      {
        "title": "incrementador",
        "position": "meio superior central-direito",
        "count": 1,
        "labels": [
          "pílula horizontal com símbolos de menos e mais"
        ]
      },
      {
        "title": "controle deslizante de áudio",
        "position": "centro esquerdo",
        "count": 1,
        "labels": [
          "controle deslizante de volume horizontal longo com ícone de alto-falante à esquerda e relevo de forma de onda à direita"
        ]
      },
      {
        "title": "medidor de porcentagem",
        "position": "meio central-direito",
        "count": 1,
        "labels": [
          "medidor redondo mostrando 60% com marcas de escala radial"
        ]
      },
      {
        "title": "bloco de notificação",
        "position": "centro direito",
        "count": 1,
        "labels": [
          "bloco quadrado arredondado com contorno de sino"
        ]
      },
      {
        "title": "cartão de música",
        "position": "inferior meio-esquerdo",
        "count": 1,
        "labels": [
          "cartão de mídia com miniatura de floresta, título {argument name=\"track title\" default=\"Forest Drive\"}, subtítulo {argument name=\"track subtitle\" default=\"Ambient Journey\"}, barra de progresso e botão de reprodução circular"
        ]
      },
      {
        "title": "ícones de utilidade",
        "position": "inferior esquerdo-centro",
        "count": 4,
        "labels": [
          "ícone de configurações de controles deslizantes",
          "ícone de pesquisa",
          "ícone de compartilhamento",
          "ícone de menu mais"
        ]
      },
      {
        "title": "bússola",
        "position": "inferior central",
        "count": 1,
        "labels": [
          "bússola circular grande com marcações N E S W e agulha verde-água-laranja"
        ]
      },
      {
        "title": "controle deslizante vertical",
        "position": "inferior direito-centro",
        "count": 1,
        "labels": [
          "controle deslizante alto e arredondado com trilha verde-água, botão verde-água, extremidade laranja e pequeno ícone de alto-falante"
        ]
      },
      {
        "title": "navegação inferior",
        "position": "inferior esquerdo",
        "count": 1,
        "labels": [
          "barra de navegação em forma de pílula com 4 ícones: casa, gráfico de barras, bússola, perfil"
        ]
      },
      {
        "title": "chamada para ação",
        "position": "inferior central-direito",
        "count": 1,
        "labels": [
          "botão em forma de pílula rotulado {argument name=\"button text\" default=\"Explore\"} com segmento de seta circular laranja"
        ]
      },
      {
        "title": "bloco biométrico",
        "position": "inferior direito",
        "count": 1,
        "labels": [
          "bloco quadrado arredondado com ícone de impressão digital"
        ]
      }
    ]
  },
  "rendering": {
    "lighting": "iluminação de estúdio suave da parte superior esquerda",
    "shadow": "sombras em camadas difusas para profundidade flutuante",
    "finish": "estética de eletrônicos de consumo de alta qualidade, polido, mas minimalista",
    "quality": "mockup de interface 3D nítido, limpo e realista adequado para uma imagem de destaque do design system"
  }
}