Painel do Sistema de Design de UI em Modo Claro

Gera uma apresentação abrangente de sistema de design de UI, incluindo paletas de cores, tipografia, componentes e mockups responsivos com uma estética futurista e iridescente.

Instrução

{ "type": "Painel de apresentação de Sistema de Design de UI", "theme": "ciência óptica e refração de luz", "overall_aesthetic": "fundo branco limpo, modo claro, futurista, premium, com detalhes em arco-íris iridescente, laranja pastel, amarelo, ciano, roxo, rosa", "header": { "title": "LIGHTCORE PRISM", "subtitle": "Sistema de Design de UI - Modo Claro", "tags": ["FUTURISTA", "PREMIUM", "FOCO"], "hero_graphic": "anel de vidro transparente 3D refratando luz iridescente" }, "layout": { "sections": [ { "title": "COR", "count": 5, "labels": ["BRANCO #FFFFFF", "NEVE #FAFAFC", "ARDÓSIA #F2F4F8", "BORDA #E6E8EF", "PRETO #0A0A0C"], "description": "5 amostras de cores sólidas em quadrados arredondados" }, { "title": "GRADIENTES PRISMA", "count": 1, "description": "1 barra de gradiente horizontal longa com 5 códigos hex abaixo dela" }, { "title": "TIPOGRAFIA", "description": "'Aa' grande com 4 pesos de fonte listados (Light, Regular, Medium, Semibold) e alfabeto/números completos" }, { "title": "ICONOGRAFIA", "count": 12, "description": "12 ícones minimalistas em arte linear organizados em uma grade 2x6" }, { "title": "BOTÕES", "count": 8, "categories": ["PRIMÁRIO", "SECUNDÁRIO", "TEXTO", "ÍCONE"], "description": "8 botões no total mostrando estados normal e desativado para cada categoria. O botão primário apresenta uma borda iridescente e o texto COMEÇAR." }, { "title": "NAVEGAÇÃO", "count": 2, "variants": ["DESKTOP", "MOBILE"], "description": "A navegação desktop possui logotipo, 4 links de texto, busca, login e um botão. A navegação mobile possui logotipo, busca e menu hambúrguer." }, { "title": "COMPONENTES", "count": 6, "items": [ "CARD: 'Photon Engine' com gráfico iridescente abstrato e botão", "CAMPO DE ENTRADA: Barra de busca e entrada de e-mail com rótulo", "PROGRESSO: Barra de progresso iridescente em 68%", "ABAS: Visão geral, Análise, Configurações", "TOGGLE: 2 interruptores (ligado/desligado)", "VISUALIZAÇÃO DE DADOS: 1 gráfico de rosca com 3 itens de legenda, 1 gráfico de linha ao longo de 7 dias" ] }, { "title": "PÁGINA WEB", "description": "Mockup de navegador desktop apresentando o cabeçalho 'Construa o Futuro com Luz e Cor', 2 botões, um gráfico de onda iridescente 3D fluido e 5 logotipos de parceiros na parte inferior." }, { "title": "APLICATIVO MOBILE", "description": "Mockup de smartphone exibindo um saldo de $24.880, um gráfico de linha, 4 ícones de ação rápida, uma lista de atividades recentes com 3 itens e uma barra de navegação inferior com 4 ícones." } ] } }

Imagens de referência

Mais de GPT Image 2

Procura de prompts com IA

Deixa a IA pesquisar em dezenas de milhares de prompts. Filtra por modelo, intervalo de datas e palavras-chave e ordena por interação: visualizações, favoritos, partilhas e mais.

Experimentar grátis