O que você recebe
- Um DESIGN.md no formato aberto, com tokens no cabeçalho e orientações escritas
- tokens.json (tokens de design W3C) e tokens.css com temas claro e escuro
- Marca em SVG com contornos, símbolo, versão com o logotipo completo, versão invertida e de uma cor só
- Um quadro de marca de uma página em HTML offline e PDF, com 4 a 6 mockups
- Uma página com o painel de inspiração de três direções para escolher
Ideal para
- Dar identidade a um produto novo, loja ou projeto paralelo em uma só sessão
- Escrever um DESIGN.md para que o seu agente de código pare de gerar interfaces genéricas
- Transformar um arquivo de tema existente em um sistema documentado e com contraste verificado
- Um quadro de marca convincente para uma apresentação ou primeira reunião com cliente
Não é para
- Verificação de marca registrada: evita semelhanças, mas não pesquisa registros
- Mascotes ou sistemas completos de ilustração
- Seguir um manual de marca existente linha por linha
Como usar
No Claude ou no ChatGPT
Use a skill da PopNow “Gerador de kit de marca e DESIGN.md” (brand-kit-design-md) para isto: Kit de marca para o Lumen Notes, um app de anotações calmo para pesquisadores que trabalham até tarde. Caloroso e um pouco esperto, nunca mais um app de IA roxo. Ainda não temos logotipo.
Em um agente de programação
/popnow-brand-kit-design-md Kit de marca para o Lumen Notes, um app de anotações calmo para pesquisadores que trabalham até tarde. Caloroso e um pouco esperto, nunca mais um app de IA roxo. Ainda não temos logotipo.
Depois tente
Vá com a direção A, mas use o verde da B nas tags.
Por enquanto, só a versão leve: paleta, fontes e voz, sem créditos de imagem.
O que ter em mãos
- Algumas linhas sobre o produto, o público e a personalidade
- Concorrentes que ele não deve parecer, com as cores principais se você souber
- Qualquer logotipo, cores ou fontes que você queira manter
- Python 3 e Chrome; fonttools para marcas com contornos
Skills parecidas
Ver todas →Retrato de estúdio em preto e branco
+3Transforme uma foto do dia a dia em retrato de estúdio calmo em preto e branco que ainda seja você.
Conjunto de ilustrações para post de blog
+3Três ilustrações combinando entre si para um artigo, cada uma mostrando de fato o que o trecho diz.
Pôster de anatomia de carro em corte
+3Corte em vista lateral de um carro genérico: sistemas coloridos, marcadores numerados e janelas de zoom.
Criador de infográfico em lousa
+3Infográfico 16:9 em estilo de lousa, com textos curtos exatos, desenhos de giz e um caminho de leitura claro.
Quadros de storyboard cinematográfico
+3Três folhas de storyboard para uma cena, cada uma com um jeito diferente de filmá-la, mantendo a continuidade.
Conjunto de concept art consistente
+3Um personagem, um objeto e um cenário que claramente pertencem ao mesmo mundo ficcional.
Arte de rabiscos fofos de giz de cera
+3Personagens de giz de cera fofos e desajeitados, com linhas tremidas e adesivos recortados.
Ilustração editorial em traço
+3Ilustrações leves em tinta preta, com um só destaque de cor, para cabeçalhos de blog, newsletters e cards.
Capa de artigo em estilo de gravura
+3Uma gravura surrealista em tinta preta por ensaio, em hachura cruzada, com a grande ideia em uma só cena.
Vista explodida de plataforma de veículo elétrico
+3Um carro elétrico separado camada por camada: bateria, motores, cabine e carroceria em cor, com chamadas.
Pôster de vista explodida de produto
+3Imagem principal limpa de vista explodida de um produto, com rótulos exatos da sua tabela de especificações.
Gerador de mapa de fantasia
+3Pergaminho, atlas ou linha preta do seu mundo, com todos os nomes escritos certo e grades alinhadas.
Mapa regional de sabores da comida
+3Mapa pintado de regiões, cada uma com um gráfico de sabor em escala comum e uma legenda honesta.
Criador de mapa ilustrado de cidade
+3Um mapa de bairro ou cidade em estilo desenhado à mão, verdadeiro onde importa e com rótulos exatos.
Storyboard em esboço de tinta
+3Storyboard rabiscado em tinta preta a partir de uma história curta: traços soltos e um beat por painel.
Criador de imagem OG em linha
+3Imagens de prévia de link calmas: cartão fora de branco, título curto em preto e um personagem de traço.
Pôster de pesquisa em biologia marinha
+3Pôster de pesquisa em torno de um corte pintado de habitat, com espécies numeradas e um gráfico.
Gerador de mockup de celular
+3Seu app num celular dobrável 3D que abre num fundo suave, em PNG nítido ou num clipe da dobra.
Estudos de composição fotográfica
+3Três versões fotográficas de um mesmo assunto, cada uma construída sobre um princípio de composição diferente.
Gerador de sketchnote
+3Transforma um artigo ou notas numa sketchnote 4:3 desenhada à mão, com rótulos exatos e conferidos.
Gerador de capa para redes sociais e miniaturas
+3Uma mensagem de entrada e um conjunto conferido de imagens OG, capas e miniaturas, cada tamanho exato.
Perguntas
O que é o DESIGN.md e quem o lê?
É um sistema de design em texto simples: tokens em YAML no topo e orientações escritas embaixo. Agentes de código e de design leem o arquivo para manter cores, tipografia e espaçamento consistentes. A skill escreve o arquivo no formato aberto que outras ferramentas validam e exportam, e acrescenta os arquivos do logotipo, as licenças das fontes, os pares de contraste e exemplos de voz em uma chave extra.
As cores são mesmo acessíveis?
Cada par de texto e fundo que você vai usar é declarado e verificado contra o WCAG 2.2 por um script, incluindo o modo escuro. Pares que não passam recebem a cor mais próxima aprovada, com o mesmo matiz, e as razões de contraste são arredondadas para baixo, então uma aprovação é uma aprovação de verdade.
O logotipo é uma imagem de IA?
Não. A marca é feita com contornos de uma fonte de licença aberta, e o símbolo é desenhado como algumas formas SVG limpas. Esboços do PopNow podem inspirar o símbolo, mas nunca é entregue um arquivo raster como logotipo, e o verificador rejeita um.
Como ele evita parecer com um concorrente?
Você lista as marcas a evitar, com as cores e uma descrição da marca. Uma checagem sinaliza paletas que repetem a combinação de cores delas, os prompts nunca as citam, e o símbolo é comparado com a marca antes de ser desenhado. Não é uma busca jurídica de marca registrada.