[ DESIGN PACK GRÁTIS ]

Os 2 arquivos que impedem a IA de fazer site feio.

Um diz pra IA o que fazer. O outro diz o que ela nunca pode fazer. Você coloca os dois na pasta do projeto e ela para de inventar cor, letra e layout.

1Escolha o estilo
2Coloque seu e-mail
3O .zip baixa na hora

Baixar grátis Entender os 2 arquivos

[ O QUE SÃO ]

Um é o mapa. O outro é o freio.

A IA faz site feio porque ninguém disse a ela o que é bonito e o que é proibido. Esses 2 arquivos dizem.

Arquivo 1DESIGN.mdDiz o que fazer

Quais cores o site usa e onde cada uma entraO tamanho, o peso e o espaçamento de cada letraOs cantos, os espaços e as sombrasComo é cada peça: botão, cartão, hero, menu

É a receita do visual do seu site.

Arquivo 2ANTI_PATTERNS.mdDiz o que nunca fazer

Título centralizado com 2 botões e 3 cards iguaisGradiente roxo e azulSombra borrada em todo cartãoAnimação rápida e sempre igual

É a lista dos vícios que a IA repete.

Um é o mapa. O outro é o freio. Juntos, a IA sabe aonde ir e o que evitar.

[ BAIXAR GRÁTIS ]

Escolha o estilo e baixe em 2 passos

Cada estilo vem completo e pronto pra usar. O arquivo baixa na hora, aqui mesmo.

[ O QUE VEM NO .ZIP ]

6 arquivos. Você só precisa de 2.

O DESIGN.md e o ANTI_PATTERNS.md são os que importam. Os outros 3 têm os mesmos valores em formato de código, pra quem quiser importar direto no projeto.

promptfly-design-pack/
├── LEIA-ME.md
├── ANTI_PATTERNS.md
└── vitrine/   ← seu estilo
    ├── DESIGN.md
    ├── tokens.css
    ├── theme.tailwind.css
    └── tokens.json

LEIA-ME.mdComece por aqui. Explica como usar em 3 passos.

ANTI_PATTERNS.mdA lista do que a IA nunca pode fazer. Vale pra todos os estilos.

DESIGN.mdAs regras do estilo: tokens, componentes, faça e não faça, guia pra IA.

tokens.cssOs mesmos valores em variáveis CSS, pra importar no projeto.

theme.tailwind.cssOs mesmos valores no formato do Tailwind v4.

tokens.jsonOs mesmos valores em JSON, pra qualquer ferramenta.

[ COMO USAR ]

Em 3 passos, sem programar

Descompacte o .zipAbra o arquivo que baixou e copie o ANTI_PATTERNS.md e o DESIGN.md do seu estilo.

Coloque na pasta do projetoCole os 2 arquivos na pasta principal do seu site, a mesma onde a IA trabalha.

Avise a IACole a frase abaixo no CLAUDE.md ou no começo da conversa e peça o site normalmente.

Antes de criar ou alterar qualquer tela, leia DESIGN.md e ANTI_PATTERNS.md.
Use só os tokens do DESIGN.md. Se faltar um valor, pergunte antes de inventar.
Ao entregar, diga quais itens das duas listas você conferiu.

[ DÚVIDAS ]

Perguntas rápidas

Recebo o arquivo por e-mail?

Não. O .zip baixa na hora, nesta página, quando você clica em "Baixar o .zip grátis". Depois é só procurar na pasta Downloads.

Preciso saber programar?

Não. Você coloca os arquivos na pasta do projeto e escreve uma frase pra IA. Quem escreve o código é ela.

Funciona com qual IA?

Com Claude Code, Cursor, ChatGPT e Gemini. Se a ferramenta não tiver pasta de projeto, cole o conteúdo dos 2 arquivos no começo da conversa.

Qual estilo eu escolho?

Vitrine para produto e loja, Noite para tecnologia e visual escuro, Editorial para portfólio e marca pessoal. Na dúvida, marque os 3.

Posso mudar as cores?

Pode. Mude o valor no DESIGN.md e nos arquivos de tokens. Só confira se o texto continua fácil de ler em cima do fundo.

É grátis mesmo?

É. Você só informa o e-mail, que entra na newsletter do Promptfly (1 e-mail por semana). Dá pra sair quando quiser.

Quer entender o porquê de cada regra?

O guia explica os 2 arquivos com exemplos, o antes e depois e o passo a passo completo.

Ler o guia completo Baixar o pack

Quer os templates completos, as animações e a mentoria pronta? Veja o Premium.