Interface de Painel de Codificação com IA em Modo Escuro
Um painel de análise em modo escuro refinado para uma plataforma de codificação com IA, adequado para mockups de design de produtos SaaS, painéis administrativos e apresentações de interface web ricas em dados.
Instrução
{
"type": "interface de painel de análise SaaS em modo escuro",
"product": {
"brand": "AICode",
"theme": "interface de glassmorphism em azul marinho escuro com gradientes sutis, brilho suave, cartões arredondados, bordas finas, estética moderna de ferramentas para desenvolvedores"
},
"canvas": {
"aspect_ratio": "16:9",
"background": "azul meia-noite profundo com vinheta tênue e iluminação radial suave"
},
"layout": {
"structure": "barra lateral esquerda e área de conteúdo principal",
"sections": [
{
"title": "Barra lateral",
"position": "esquerda",
"count": 8,
"labels": ["AICode", "Visão Geral", "Projetos", "Assistentes de IA", "API e Uso", "Qualidade de Código", "Equipe", "Configurações"],
"details": "logotipo no topo, Visão Geral selecionada com destaque em roxo, cartão de assinatura inferior mostrando o Plano Pro, renova em 12 dias, barra de progresso horizontal em 75%, perfil do usuário na parte inferior com avatar, Alex Morgan e e-mail [email protected]"
},
{
"title": "Cabeçalho",
"position": "área principal superior",
"count": 4,
"labels": ["Bem-vindo de volta, Alex 👋", "Veja o que está acontecendo com sua plataforma de codificação com IA hoje.", "12 de mai. – 12 de jun. de 2024", "Exportar Relatório"],
"details": "saudação grande à esquerda, seletor de intervalo de datas e botão de exportação à direita"
},
{
"title": "Cartões de métricas",
"position": "linha superior abaixo do cabeçalho",
"count": 4,
"labels": ["Total de Usuários", "Projetos Ativos", "Chamadas de API", "Pontuação de Qualidade de Código"],
"values": ["12.842", "2.153", "1,28 M", "876"],
"details": "cada cartão possui um pequeno ícone colorido, valor principal grande, texto de comparação vs 12 de abr. – 12 de mai. de 2024, porcentagens de variação positiva de 14,6%, 8,3%, 23,7%, 5,9% e um gráfico de linhas em miniatura na parte inferior; as cores são roxo, verde, âmbar e azul"
},
{
"title": "Painéis de análise principais",
"position": "linhas do meio e inferior",
"count": 4,
"labels": ["Chamadas de API ao Longo do Tempo", "Principais Projetos", "Mapa de Calor de Atividade do Usuário", "Tendências de Qualidade de Código"],
"details": "Chamadas de API ao Longo do Tempo é um gráfico de área amplo com menu suspenso Diário e linha roxa ascendente terminando perto de 250 mil; Principais Projetos é uma lista classificada de 5 itens com barras de progresso e variações percentuais; Mapa de Calor de Atividade do Usuário é um mapa de calor semanal de 7 linhas com rótulos de hora das 0h às 21h; Tendências de Qualidade de Código é um gráfico de linhas com menu suspenso Semanal e tendência roxa suave de alta de cerca de 70 para a casa dos 90"
},
{
"title": "Lista de Principais Projetos",
"position": "painel central direito",
"count": 5,
"labels": ["Assistente de Código de IA", "Refatoração Inteligente", "Bot de Revisão de Código", "Gerador de Docs", "Construtor de Testes"],
"values": ["485 mil", "321 mil", "214 mil", "132 mil", "98 mil"],
"details": "deltas positivos em verde para os quatro primeiros itens 12,4%, 8,7%, 3,1%, 6,8% e delta negativo em vermelho de -1,2% para o Construtor de Testes; cada linha tem um ícone quadrado colorido e uma barra de progresso horizontal fina"
}
]
},
"style": {
"visual_language": "mockup de design de produto de IA e fintech premium",
"rendering": "mockup de interface de alta fidelidade nítido, sombras sutis, iluminação de borda neon, gráficos polidos, tipografia sem serifa limpa",
"primary_accent": "roxo elétrico",
"secondary_accents": ["verde esmeralda", "amarelo âmbar", "azul ciano"],
"density": "rica em informações, porém espaçada, grade equilibrada, altamente legível"
}
}
Como usar este prompt
- 1
Copie o prompt completo acima.
- 2
Abra uma plataforma compatível com o GPT Image 2, como a YouMind, e cole o prompt.
- 3
Troque o tema, o estilo ou os detalhes conforme a sua ideia e gere.
Este é um prompt de IA gratuito da biblioteca de prompts da YouMind. Explore outros milhares de prompts de imagem, todos gratuitos para copiar e adaptar.
Explorar mais prompts de imagemMais de GPT Image 2
Pôster de Viagem Minimalista de Cidade
@Taaruk
Papel de parede de player de música anime em tons de menta
@あまり🖋️AI &フリー素材配布
Pôster de Smartwatch Edição Limitada Cyberpunk
@あまり🖋️AI &フリー素材配布
Colagem de Retrato Minimalista de Cinco Quadros
@Cherry 2.O
Ilustração de Moda com Acessórios
@Zephyra Leigh
Retrato de Moda Inspirado em Threads Cinematográficos
@Aijaz
Todas as categorias de Imagem
01
Casos de uso
Mais recursos de prompts
Biblioteca de IA
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.
Ferramentas de visão
Imagem para prompt
Transforme qualquer foto num prompt de imagem IA detalhado. O conversor gratuito de imagem para prompt analisa composição, estilo e iluminação para recriar qualquer visual em segundos.
Outros recursos de prompts
Por modelo
Ferramentas de IA
Criado para criadores. Grátis para sempre.
YouMind é o copiloto criativo de IA usado por criadores em todo o mundo. Cada prompt aqui é curado para ajudar a criar melhor e mais depressa.