Niltra/web-assets-reales

Assets réels, zéro stock

Principe : un site web ne semble pas fait par IA quand ses images sont irremplaçables : produit réel, terminal réel, photos réelles. Interdiction stricte des images de stock, des rendus génériques et de la génération IA comme substitut.

Captures de projets (Playwright)

• Toujours capturer le build en production du projet, viewport 1440x900, deviceScaleFactor: 2.
• Choisir des états qui racontent quelque chose (dashboard avec données, résultat de requête, pipeline en cours), pas la page d'accueil vide.
• Attendre networkidle + polices chargées avant de déclencher ; masquer les cookies/bannières s'ils gênent.
• Enregistrer dans public/shots/<projet>/<etat>.png et compresser avec sharp (AVIF/WebP pour le web, PNG uniquement si la transparence est nécessaire).
• Pour les dépôts sans démo : capture de la page du dépôt (README rendu), jamais de maquette.

Photo personnelle

• Téléchargez votre photo de profil avec la session navigateur que vous avez déjà ouverte (Chrome avec port de débogage), au lieu d'utiliser une capture d'écran recadrée.
• Conservez l'original dans public/me.jpg (ou public/me.webp) et une version recadrée ; ne jamais déformer ni retoucher la peau/l'identité.
• Si vous avez déjà un portrait dans le projet, réutilisez-le avant de le télécharger à nouveau.

Logos de technologies

• Utiliser Simple Icons (npm i simple-icons) pour les SVG monochromes (MIT/CC0 de la bibliothèque ; les logos sont des marques de leurs propriétaires, usage nominatif informatif).
• Rendre en ligne avec la couleur d'encre du Design DNA par défaut ; couleur de marque uniquement dans les détails au survol si cela apporte une valeur ajoutée.
• Si un outil n'est pas dans Simple Icons (certains outils d'IA), utiliser un monogramme typographique cohérent (initiale dans la police technique), jamais une image inventée ou un logo tiré de Google Images.

Terminal / code

• Si une "preuve de terminal" est nécessaire : monter un bloc HTML avec la police technique, exécuter des commandes réelles du projet et capturer avec Playwright. Ne jamais inventer une sortie fausse.
• Les commandes et versions doivent être réelles et vérifiables.

Traitement et cohérence

• Duotone doux mappé à la palette du Design DNA + grain léger optionnel ; le même traitement sur toutes les captures.
• Bordures/coins arrondis et ombres selon les tokens du projet, pas par image.
• Poids objectif : aucune image > 300 Ko ; utiliser next/image avec les sizes corrects et priority uniquement sur la première.
• Tout asset doit avoir un alt descriptif et, s'il est décoratif, alt="".

Règles d'intégrité

• Zéro métriques inventées dans les captures (si un graphique n'est pas réel, on ne le capture pas).
• Zéro filigranes, zéro images avec copyright douteux, zéro IA générative comme contenu principal.
• Enregistrer dans docs/assets.md l'origine et la licence de chaque asset.