Mockup de Página de Produto de Teclado Mecânico

Isso gera uma página de produto de e-commerce desktop polida para um teclado mecânico premium, adequada para vitrines de design de produto, conceitos de loja e mockups de UI.

Comando
Crie uma página de detalhes de produto de e-commerce moderna e limpa para uma marca de teclado mecânico premium chamada KeyForge, apresentada como um mockup de site desktop de alta fidelidade em um fundo branco com divisórias cinza-claras sutis e espaçamento generoso. O layout é uma cena de loja unificada com uma barra de navegação superior, uma barra lateral esquerda de miniaturas de produtos, uma imagem principal grande do produto no centro e um painel de informações de compra no lado direito. No cabeçalho, coloque a marca em negrito na extrema esquerda, depois 7 itens de navegação lendo “Keyboards”, “Switches”, “Keycaps”, “Accessories”, “Sale”, “Blog” e “Support”, e na extrema direita 3 ícones para busca, conta e carrinho, com um pequeno emblema de notificação preto mostrando “1” no carrinho. O produto principal exibido no centro é um teclado mecânico compacto de 75% fotografado de um ângulo frontal ligeiramente elevado em um palco cinza-claro, com uma caixa de alumínio em prata, teclas brancas e cinzas, várias teclas de destaque em roxo lavanda e um botão de volume prateado no canto superior direito. A galeria vertical esquerda contém exatamente 5 miniaturas: 1 foto frontal do produto selecionada, 1 vista angular do teclado, 1 close-up do switch mecânico, 1 close-up da textura da tecla e 1 miniatura de vídeo escura com um ícone de reprodução circular. O painel de produto à direita inclui um pequeno emblema em formato de pílula lendo “NEW”, um nome de produto grande e em negrito KeyForge K75 Pro, um subtítulo “75% Mechanical Keyboard”, uma linha de classificação de 5 estrelas com 4.8 e “(126 reviews)”, um preço grande e em negrito $129.99 seguido por um status verde “In Stock” e uma breve descrição de duas frases sobre desempenho premium, design montado em junta (gasket-mounted), suporte a QMK/VIA e RGB. Abaixo disso, inclua um seletor de “Switch Type” com exatamente 4 botões em formato de pílula rotulados como “Cherry MX Red”, “Gateron Brown”, “Gateron Blue” e “TTC Gold Pink”, com o primeiro selecionado; um seletor de “Color” com exatamente 3 botões em formato de pílula rotulados como “White / Purple”, “Black / Gray” e “Navy / Blue”, com o primeiro selecionado; um menu suspenso de “Quantity” definido como “1”; um botão principal preto grande rotulado como “Add to Cart” com um ícone de carrinho; e um botão secundário com contorno rotulado como “Add to Wishlist” com um ícone de coração. Abaixo dos botões, mostre exatamente 3 destaques de serviço horizontais com ícones pequenos: “Free Shipping” com o subtexto “On orders over $99”, “30-Day Returns” com o subtexto “Hassle-free returns” e “2-Year Warranty” com o subtexto “Peace of mind”. Na área de conteúdo inferior, crie uma seção de duas colunas separada por linhas claras. À esquerda, há uma lista de abas verticais com exatamente 5 itens: “Overview” selecionado, depois “Specifications”, “What’s in the Box”, “Shipping & Returns” e “Reviews (126)”. À direita das abas, coloque uma grade de cartões de recursos brancos arredondados com exatamente 6 blocos de recursos em 2 linhas de 3, cada um com um ícone de linha simples, título em negrito e texto explicativo curto: “75% Layout”, “Gasket-Mounted”, “QMK/VIA Support”, “Hot-Swappable”, “RGB Backlighting” e “Premium Build”. Na extrema direita desta área inferior, adicione uma lista com marcadores de especificações com exatamente 7 marcadores: “Layout: 75% (82 Keys)”, “Switch Type: Cherry MX Red”, “Mounting: Gasket-Mounted”, “Connectivity: USB-C (Wired)”, “Backlight: RGB, South-facing”, “Material: Aluminum Case” e “Dimensions: 322 x 135 x 42 mm”, além de um marcador final adicional “Weight: 1.25 kg”. Use uma estética de design de produto minimalista e refinada, espaçamento de UI realista, tipografia sem serifa limpa semelhante à Inter ou SF Pro, sombras suaves, cantos arredondados sutis, ícones monocromáticos e uma apresentação polida de eletrônicos de consumo no estilo startup.

Como usar este prompt

  1. 1

    Copie o prompt completo acima.

  2. 2

    Abra uma plataforma compatível com o GPT Image 2, como a YouMind, e cole o prompt.

  3. 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 imagem

Mais recursos de prompts

Biblioteca de IA

Busca de prompts com IA

Deixe a IA buscar em dezenas de milhares de prompts. Filtre por modelo, período e palavras-chave, e ordene por engajamento: visualizações, favoritos, compartilhamentos e mais.

Ferramentas de visão

Imagem para prompt

Transforme qualquer foto em um 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.

Feito para criadores. Grátis para sempre.

YouMind é o copiloto criativo de IA usado por criadores no mundo todo. Cada prompt aqui é curado para ajudar você a criar melhor e mais rápido.

Explorar mais prompts