Um prompt de sistema de design para que sua criação com IA não pareça igual a todos os outros sites de IA
De Wikiprompt, a enciclopédia livre de prompts
Um prompt de sistema de design para que sua criação com IA não pareça igual a todos os outros sites de IA Um sistema de design com nome próprio, caloroso e humano, com cores, fontes e regras de componentes exatas, colado antes de pedir ao ChatGPT ou Claude para construir uma página, para que ele pare de recorrer por padrão a gradientes roxos e à fonte Inter.
Conteúdo do PromptSalvar
🌐
Use este sistema de design para tudo o que você construir. Siga-o com precisão.
ESTÉTICA: Suave, humano, acolhedor, calmo. Tons quentes, formas suavemente arredondadas, acolhedor, nunca clínico.
CORES (use estes valores exatos como variáveis CSS):
- Fundo: #FBF7F2 (creme quente, nunca branco puro)
- Superfície: #FFFFFF
- Texto primário: #3A342E (carvão quente)
- Texto secundário: #8A8178
- Destaque: #E07856 (coral quente)
- Destaque secundário: #7BA88F (verde sálvia suave)
- Borda: #EDE6DD
TIPOGRAFIA:
- Títulos: "Fraunces" (serifada, do Google Fonts), peso 600
- Corpo: "Source Sans 3" (do Google Fonts)
- Nunca use Inter, Roboto, ou fontes do sistema
- Escala tipográfica: 14 / 15 / 16 / 22 / 56px, altura de linha 1.7
ESPAÇAMENTO: base de 4px. Escala: 8 / 16 / 22 / 34 / 56px. Generoso, nunca apertado.
COMPONENTES:
- Hero assimétrico: texto tranquilizador de um lado, um cartão funcional do outro, não centralizado
- Tudo arredondado: cartões, inputs, tags (raio de 12 a 24px)
- Botões: pílula verde sálvia para navegação, coral sólido para ações primárias
- Tags em formato de pílula com uma borda fina
EVITAR: roxo, gradientes, fundos branco puro, cantos afiados, cinzas frios, azuis clínicos, fonte Inter.
Depois diga a ele o que você quer, por exemplo "usando o sistema acima, construa uma página de agendamento para um massoterapeuta".
Rode isso logo após a primeira construção para detectar se há um retorno aos padrões genéricos:
Audite o que você acabou de construir em busca de sinais genéricos de design de IA, quaisquer gradientes roxos, qualquer fonte Inter ou Roboto, qualquer layout de cartões em três colunas, qualquer hero centralizado com um único botão abaixo, qualquer texto cinza de baixo contraste sobre branco. Substitua o que encontrar por escolhas que combinem com o sistema de design que eu dei.
Entre para ver o prompt completo
Continuar com:
Ao entrar, você concorda com nossos Termos de uso e Política de privacidade
Uso
Este prompt foi projetado para uso com coding. Copie o conteúdo acima e cole na sua ferramenta de IA preferida.
Para melhores resultados, personalize os marcadores (indicados por colchetes ou maiúsculas) com seus requisitos específicos.
Discussão
0 comentários