Placa de sistema de design de interface do usuário em modo claro

{ "type": "Projeto de demonstração de sistema de design de interface do usuário", "theme": "{argument name=\"tema visual\" default=\"Ciência Óptica e Refração da Luz\"}", "overall_aesthetic": "Um fundo branco limpo, modo de cor clara, sensação futurista e sofisticada; sua característica distintiva reside no {argument name=\"cores gradientes primárias\" default=\"Iridescentes, laranja suave, amarelo, ciano, roxo, rosa\"} embelezamento", "header": { "title": "{argument name=\"nome do sistema\" default=\"LIGHTCORE PRISM\"}", "subtitle": "Sistema de Design de Interface do Usuário - Modo Claro", "tags": [ "Futurista", "sensação de sofisticação", "Foco" ], "hero_graphic": "Anel de vidro transparente 3D que refrata a luz iridescente" }, "layout": { "sections": [ { "title": "cor", "count": 5, "labels": [ "Branco #FFFFFF", "Nevado #FAFAFC", "Cor de ardósia #F2F4F8", "Cor da borda #E6E8EF", "Preto #0A0A0C" ], "description": "5 blocos quadrados arredondados de cor sólida" }, { "title": "Gradiente Prisma", "count": 1, "description": "Uma longa barra horizontal de gradiente com cinco códigos de cores hexadecimais abaixo." }, { "title": "tipografia", "description": "A fonte grande 'Aa' está listada em quatro pesos (Leve, Regular, Médio, Semibold) juntamente com o alfabeto/números completos." }, { "title": "ícone", "count": 12, "description": "12 ícones minimalistas em estilo de linha dispostos em uma grade 2x6." }, { "title": "Botão", "count": 8, "categories": [ "main", "secondary", "text", "icon" ], "description": "Há um total de 8 botões, exibindo os estados normal e desabilitado para cada categoria. O botão principal apresenta uma borda iridescente e o texto {argument name=\"texto do botão primário\" default=\"Comece a usar\"}." }, { "title": "navegação", "count": 2, "variants": [ "Desktop", "mobile" ], "description": "A navegação para desktop inclui um logotipo, quatro links de texto, uma barra de pesquisa, um botão de login e uma barra de navegação para dispositivos móveis." }, { "title": "Componentes", "count": 6, "items": [ "Card: 'Photon Engine' com gráficos abstratos de arco-íris e botões", "Caixas de entrada: uma barra de pesquisa com rótulo e uma caixa de entrada de e-mail.", "Barra de progresso: barra de progresso de 68% em arco-íris", "Abas: Visão geral, Análise, Configurações", "Interruptores: 2 interruptores (ligado/desligado)", "Visualização de dados: um gráfico de pizza com 3 itens de legenda e um gráfico de linhas de 7 dias." ] }, { "title": "Página da Web", "description": "Modelo de navegador de desktop, incluindo o título '{argument name=\"hero headline\" default=\"Construindo o futuro com luz e cor\"} O design inclui dois botões, um gráfico de onda de arco-íris 3D fluido e cinco logotipos de parceiros na parte inferior." }, { "title": "Aplicativo móvel", "description": "O modelo de smartphone exibe um saldo de US$ 24.880, um gráfico de linhas, quatro ícones de ação rápida, uma lista de atividades recentes com três itens e uma barra de navegação inferior com quatro ícones." } ] } }