Usar o prompt
Adicione seu briefing
Adicione seu contexto abaixo. Ele será incluído no prompt quando você copiar ou baixar.
Crie uma composição HTML/CSS editável, com texto selecionável e uma folha de estilos para impressão; trate qualquer ilustração rasterizada como um recurso local separado para [PROJECT] e [AUDIENCE]. A tarefa é: Ficha de especificações do produto.
Conteúdo e estrutura obrigatórios
Apresente fotografias do produto, dimensões, materiais, variantes e detalhes técnicos em uma única ficha.
Use [APPROVED_CONTENT] como fonte de nomes, datas, números, alegações e destinos. Liste as informações ausentes antes de substituir qualquer conteúdo. Se for necessária uma demonstração, identifique o conteúdo como fictício. Não invente depoimentos de clientes, classificações, logotipos de parceiros ou recursos do produto.
Direção de design
Use [BRAND_RULES] e o sistema de design já selecionado no projeto. Se nenhum sistema for fornecido, comece com esta direção: lavanda suave, tipografia em tom de tinta e detalhes em damasco; espaço negativo bem planejado e um motivo visual distinto. Mantenha consistentes os papéis da tipografia, do espaçamento e das cores. Priorize a tarefa em vez de elementos decorativos e evite uma coleção genérica de cartões sem relação entre si.
Preparação do conteúdo
Reúna imagens do produto, identificadores de modelo, dimensões, materiais, variantes e especificações verificadas. Mantenha consistentes as unidades de medida e o contexto da versão.
Layout e comportamento
Agrupe a identificação, as dimensões e os detalhes técnicos para que o comprador encontre rapidamente uma especificação. Use desenhos ou imagens para esclarecer a orientação e a escala.
Verificação de aceitação específica da tarefa
- Mantenha as unidades consistentes e não deduza especificações de desempenho.
- Confira cada valor e unidade com a fonte.
- Não deduza o desempenho com base na aparência e garanta que as dimensões de uma variante não sejam atribuídas por engano a toda a família de produtos.
Implementação e revisão
Mantenha o texto editável. Use estrutura semântica, controles descritivos, foco de teclado visível e estados vazios/de erro adequados. Verifique layouts estreitos e amplos. Respeite as preferências de movimento reduzido. Preserve o framework e as dependências existentes do projeto; não substitua a stack silenciosamente. Entregue os arquivos editáveis e explique qualquer comportamento incompleto ou informação de entrada não compatível. Revise esta tarefa específica antes de propor recursos adicionais.
Mantenha o texto exato e os créditos obrigatórios como texto ativo. Pergunte quais são as dimensões pretendidas quando elas não forem fornecidas. Não invente um QR code funcional, código de barras, assinatura ou selo oficial.
Anexo de referência e objetivo da reconstrução
Anexe o arquivo reference.webp do pacote de download deste prompt ao lado deste prompt no OpenDesign. Crie um resultado editável com composição e hierarquia semelhantes; não incorpore toda a imagem de referência como interface final. Preserve o conteúdo aprovado do projeto e as regras da marca caso entrem em conflito com rótulos fictícios de exemplo. Se a imagem estiver ausente ou ilegível, solicite-a em vez de alegar fidelidade visual.
Composição e conteúdo da referência
Use o arquivo reference.webp anexado como referência visual para a Ficha de especificações do produto. Antes de criar, identifique as principais regiões de cima para baixo, suas larguras e alturas relativas, alinhamento, espaçamento, hierarquia tipográfica, cores das superfícies, bordas, imagens e componentes repetidos. Preserve essas relações em vez de substituí-las por um template genérico. Conteúdo obrigatório da tarefa: apresente fotografias do produto, dimensões, materiais, variantes e detalhes técnicos em uma única ficha. Ao converter a imagem em elementos editáveis, siga estas orientações específicas de layout: agrupe a identificação, as dimensões e os detalhes técnicos para que o comprador encontre rapidamente uma especificação. Use desenhos ou imagens para esclarecer a orientação e a escala.
Direção visual do briefing de exemplo
lavanda suave, tipografia em tom de tinta e detalhes em damasco; espaço negativo bem planejado e um motivo visual marcante.
Resultado e editabilidade
Recrie a peça gráfica final como camadas editáveis de texto, formas e imagens. A referência é uma composição, não uma interface de edição; não adicione navegação, formulários ou widgets de dashboard que não estejam presentes nela. Agrupe a identificação, as dimensões e os detalhes técnicos para que o comprador encontre rapidamente uma especificação. Use desenhos ou imagens para esclarecer a orientação e a escala. Confirme as dimensões pretendidas e preserve a hierarquia do texto ao adaptar a arte. Mantenha as unidades consistentes e não deduza especificações de desempenho.
Comparação visual e entrega
- Compare o resultado com a imagem anexada nas mesmas proporções. Revise o posicionamento das principais regiões, os tamanhos relativos das imagens, as quebras de linha, o espaçamento, a hierarquia tipográfica, o contraste, os estados ativos e a densidade do conteúdo antes de aperfeiçoar os detalhes decorativos.
- Em seguida, teste o layout estreito sem comprimir o texto da versão para desktop em rótulos minúsculos.
- Mantenha logotipos, fotos e ícones como arquivos separados e todos os rótulos relevantes editáveis. Liste fontes/arquivos indisponíveis e qualquer diferença intencional. Entregue os arquivos funcionais com uma descrição concisa do comportamento implementado e das integrações pendentes; não prometa um resultado idêntico pixel a pixel apenas com base no prompt.
Baixar prompt + imagem
Inclui o prompt completo e a imagem de referência em tamanho real. Anexe ambos no OpenDesign para orientar o layout.
Como escrever um prompt de design de ficha de especificações do produto
Use este prompt de design de ficha de especificações do produto para apresentar fotografias do produto, dimensões, materiais, variantes e detalhes técnicos em uma única ficha.
A referência é um conceito gerado por IA. As instruções abaixo descrevem o que criar e testar; a imagem não demonstra um comportamento funcional.
Associe cada medida à sua unidade
Uma ficha de especificações auxilia nas decisões de comparação e compra.
Os números se tornam enganosos quando as unidades, o escopo da variante ou as condições de medição são separados deles. Agrupe a identificação, as dimensões e os detalhes técnicos para que o comprador encontre rapidamente uma especificação. Use desenhos ou imagens para esclarecer a orientação e a escala.
Do prompt
Agrupe a identificação, as dimensões e os detalhes técnicos para que o comprador encontre rapidamente uma especificação.
Personalize
Use [PRODUCT_RECORDS] para agrupar dimensões, materiais e variantes ao lado da imagem correta. Mantenha as unidades junto aos valores e sinalize as especificações indisponíveis.
Prepare o conteúdo da ficha de especificações do produto
Os desenhos com medidas e os materiais aparecem juntos no canto superior direito; use dimensões aprovadas com unidades e descrições verificadas dos materiais.
Reúna imagens do produto, identificadores de modelo, dimensões, materiais, variantes e especificações verificadas. Mantenha consistentes as unidades de medida e o contexto da versão.
Do prompt
Apresente fotografias do produto, dimensões, materiais, variantes e detalhes técnicos em uma única ficha.
Personalize
Para [PROJECT], use [APPROVED_CONTENT] como fonte desta ficha de especificações do produto. Reúna imagens do produto, identificadores de modelo, dimensões, materiais, variantes e especificações verificadas. Mantenha consistentes as unidades de medida e o contexto da versão. Identifique as informações ausentes antes de substituí-las por conteúdo de demonstração.
Concilie variantes e valores
Imagens de variantes, especificações e fotografias de detalhes são tipos distintos de evidência; mantenha seus identificadores consistentes e sinalize valores não verificados.
Verifique se um valor referente a uma variante não é exibido como universal. Compare a ficha com os registros aprovados, em vez de deduzir o desempenho com base nas fotografias do produto. Confira cada valor e unidade com a fonte. Não deduza o desempenho com base na aparência e garanta que as dimensões de uma variante não sejam atribuídas por engano a toda a família de produtos.
Do prompt
Mantenha as unidades consistentes e não deduza especificações de desempenho.
Personalize
Revise a ficha de especificações do produto conforme este requisito: mantenha as unidades consistentes e não deduza especificações de desempenho. Confira cada valor e unidade com a fonte. Não deduza o desempenho com base na aparência e garanta que as dimensões de uma variante não sejam atribuídas por engano a toda a família de produtos. Preserve o conteúdo aprovado e revise apenas as partes que não atendem a essa verificação.
Revise o resultado da sua ficha de especificações do produto
Um conceito visual não é um arquivo pronto para impressão nem aprovado por plataformas. Verifique o texto exato, as dimensões, o tratamento de cores, as fontes, os direitos dos recursos e o posicionamento final.
- Confira cada valor e unidade com a fonte. Não deduza o desempenho com base na aparência e garanta que as dimensões de uma variante não sejam atribuídas por engano a toda a família de produtos.
Prompt de acompanhamento
Use isto após o primeiro resultado. Assim, a revisão se concentra na parte mais importante desta tarefa.
Refine a ficha atual de especificações do produto. Confira cada valor e unidade com a fonte. Não deduza o desempenho com base na aparência e garanta que as dimensões de uma variante não sejam atribuídas por engano a toda a família de produtos. Preserve o conteúdo aprovado e a direção visual; altere apenas o necessário para resolver esses problemas.
