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 editável em HTML/CSS com texto selecionável e uma folha de estilo para impressão; trate qualquer ilustração em bitmap como um recurso local separado para [PROJECT] e [AUDIENCE]. A tarefa é: Folha de Diretrizes da Marca.
Conteúdo e estrutura obrigatórios
Crie uma folha visual concisa para o espaçamento do logotipo, as funções das cores, a tipografia e os exemplos de uso.
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
Forneça as variações aprovadas do logotipo, regras de área de proteção, funções das cores, tipografia e restrições de uso. Sinalize as especificações ausentes em vez de inventar um manual de marca completo.
Layout e comportamento
Organize a folha como uma referência prática, com exemplos corretos e incorretos vinculados a regras reais. Mantenha os nomes dos tokens e as funções das cores consistentes em todas as aplicações.
Verificação de aceitação específica da tarefa
- Preserve as regras de marca fornecidas e identifique as especificações ausentes.
- Confira os valores e as proporções do logotipo com a fonte da marca.
- Um exemplo ilustrativo de espaçamento não deve se tornar uma especificação oficial, a menos que essa regra tenha sido fornecida.
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 Folha de Diretrizes de Marca. 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 modelo genérico. Conteúdo obrigatório da tarefa: crie uma folha visual concisa sobre o espaçamento do logotipo, as funções das cores, a tipografia e exemplos de uso. Ao converter a imagem em elementos editáveis, siga estas orientações específicas de layout: organize a folha como uma referência prática, com exemplos corretos e incorretos vinculados a regras reais. Mantenha os nomes dos tokens e as funções das cores consistentes em todas as aplicações.
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 o gráfico finalizado 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 nem widgets de painel ausentes nela. Organize a folha como uma referência prática, com exemplos corretos e incorretos vinculados a regras reais. Mantenha os nomes dos tokens e as funções das cores consistentes em todas as aplicações. Confirme as dimensões pretendidas e preserve a hierarquia do texto ao adaptar a arte. Preserve as regras de marca fornecidas e identifique as especificações ausentes.
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 Folha de Diretrizes de Marca
Use este prompt de design de folha de diretrizes de marca para criar uma folha visual concisa sobre o espaçamento do logotipo, as funções das cores, a tipografia e exemplos de uso.
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.
Transforme Regras de Marca em Exemplos Utilizáveis
Uma folha de diretrizes de marca é útil quando o leitor consegue reproduzir uma decisão.
Amostras de cores atraentes sem funções definidas ou um logotipo sem regras de área de proteção tornam a implementação ambígua. Organize a folha como uma referência prática, com exemplos corretos e incorretos vinculados a regras reais. Mantenha os nomes dos tokens e as funções das cores consistentes em todas as aplicações.
Do prompt
Organize a folha como uma referência prática, com exemplos corretos e incorretos vinculados a regras reais.
Personalize
Mostre [LOGO_CLEAR_SPACE] ao lado da marca aprovada. Identifique [COLOR_TOKENS] por uso, combine [TYPE_ROLES] com textos de exemplo reais e inclua uma aplicação correta e outra explicitamente proibida.
Prepare o Conteúdo da Folha de Diretrizes de Marca
A área superior de especificações mostra um diagrama da área de proteção do logotipo e amostras separadas das funções das cores. Forneça os valores reais de espaçamento mínimo e das cores; a imagem não é uma especificação de marca com medidas precisas.
Forneça as variações aprovadas do logotipo, regras de área de proteção, funções das cores, tipografia e restrições de uso. Sinalize as especificações ausentes em vez de inventar um manual de marca completo.
Do prompt
Crie uma folha visual concisa para o espaçamento do logotipo, as funções das cores, a tipografia e os exemplos de uso.
Personalize
Para [PROJECT], use [APPROVED_CONTENT] como fonte desta folha de diretrizes de marca. Forneça as variações aprovadas do logotipo, as regras de área de proteção, as funções das cores, a tipografia e as restrições de uso. Sinalize as especificações ausentes em vez de inventar um manual de marca completo. Identifique as informações ausentes antes de substituí-las por conteúdo de demonstração.
Mantenha Regras e Amostras Separadas
A área inferior combina amostras tipográficas com exemplos de uso e uma linha de especificações ausentes. Transforme os itens não resolvidos sobre tamanho mínimo, contraste e licença das fontes em tarefas explícitas de revisão.
Confira cada exemplo visual com base na regra declarada. Quando um valor de espaçamento ou cor não tiver sido fornecido, marque-o como não resolvido em vez de apresentá-lo como um novo padrão. Confira os valores e as proporções do logotipo com a fonte da marca. Um exemplo ilustrativo de espaçamento não deve se tornar uma especificação oficial, a menos que essa regra tenha sido fornecida.
Do prompt
Preserve as regras de marca fornecidas e identifique as especificações ausentes.
Personalize
Revise a folha de diretrizes de marca com base neste requisito: preserve as regras de marca fornecidas e identifique as especificações ausentes. Confira os valores e as proporções do logotipo com a fonte da marca. Um exemplo ilustrativo de espaçamento não deve se tornar uma especificação oficial, a menos que essa regra tenha sido fornecida. Preserve o conteúdo aprovado e revise apenas as partes que não atendem a essa verificação.
Revise o Resultado da Sua Folha de Diretrizes de Marca
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 os valores e as proporções do logotipo com a fonte da marca. Um exemplo ilustrativo de espaçamento não deve se tornar uma especificação oficial, a menos que essa regra tenha sido fornecida.
Prompt de acompanhamento
Use isto após o primeiro resultado. Assim, a revisão se concentra na parte mais importante desta tarefa.
Aprimore a folha atual de diretrizes da marca. Confira os valores e as proporções do logotipo com a fonte oficial da marca. Um exemplo ilustrativo de espaçamento não deve se tornar uma especificação oficial, a menos que essa regra tenha sido fornecida. Preserve o conteúdo aprovado e a direção visual; altere somente as partes necessárias para resolver esses problemas.
