Niltra/web-assets-reales

Ativos reais, zero stock

Princípio: um site não parece feito por IA quando suas imagens são insubstituíveis: produto real, terminal real, fotos reais. Proibido stock, renders genéricos e geração de IA como substituto.

Capturas de projetos (Playwright)

• Capturar sempre o build em produção do projeto, viewport 1440x900, deviceScaleFactor: 2.
• Escolher estados que contem algo (dashboard com dados, resultado de query, pipeline em execução), não a home vazia.
• Aguardar networkidle + fontes carregadas antes de disparar; ocultar cookies/banners se atrapalharem.
• Salvar em public/shots/<projeto>/<estado>.png e comprimir com sharp (AVIF/WebP para web, PNG apenas se precisar de transparência).
• Para repositórios sem demo: captura da página do repositório (README renderizado), nunca um mockup.

Foto pessoal

• Baixe sua foto de perfil com a sessão do navegador que já estiver aberta (Chrome com porta de depuração), em vez de usar uma captura de tela recortada.
• Salve o original em public/me.jpg (ou public/me.webp) e uma versão recortada; nunca deformar ou retocar pele/identidade.
• Se já tiver um retrato no projeto, reutilize-o antes de baixar novamente.

Logotipos de tecnologias

• Usar Simple Icons (npm i simple-icons) para SVG monocromático (MIT/CC0 da biblioteca; os logotipos são marcas de seus proprietários, uso nominativo informativo).
• Renderizar inline com cor de tinta do Design DNA por padrão; cor da marca apenas em detalhes de hover se agregar valor.
• Se uma ferramenta não estiver no Simple Icons (algumas de IA), usar monograma tipográfico consistente (inicial na fonte monoespaçada), nunca uma imagem inventada ou um logotipo tirado do Google Imagens.

Terminal / código

• Se precisar de "prova de terminal": montar um bloco HTML com a fonte monoespaçada, executar comandos reais do projeto e capturar com Playwright. Nunca inventar uma saída falsa.
• Os comandos e versões devem ser verdadeiros e verificáveis.

Tratamento e consistência

• Duotono suave mapeado à paleta do Design DNA + granulado leve opcional; o mesmo tratamento em todas as capturas.
• Bordas/raios e sombras conforme tokens do projeto, não por imagem.
• Peso objetivo: nenhuma imagem > 300KB; usar next/image com sizes corretos e priority apenas na primeira.
• Todo ativo leva alt descritivo e, se for decorativo, alt="".

Regras de integridade

• Zero métricas inventadas nas capturas (se um gráfico não é real, não é capturado).
• Zero marcas d'água, zero imagens com copyright duvidoso, zero IA generativa como conteúdo principal.
• Registrar em docs/assets.md origem e licença de cada ativo.