the.invest.room · ressource gratuite

Le prompt qui met en page la plaquette de ton projet

6 pages A4 en HTML, imprimées en PDF, sans Canva : le prompt exact et l'exemple complet

Mis à jour le 2 novembre 2026
Tu mets les images de ton projet dans un dossier, tu donnes ce prompt à Claude avec trois phrases sur le projet, et il écrit un fichier plaquette.html : une page A4 par section, couverture, pages de projet, planche finale. Tu l'ouvres dans ton navigateur et tu l'enregistres en PDF. Le Reel montre une seule exécution, le 2 novembre 2026, dans une session neuve de Claude Code qui n'avait que le prompt et les 6 images : pages montrées telles quelles, sans retouche.

Le prompt, tel que testé

Remplace le deuxième paragraphe par trois phrases sur ton projet (programme, surface, matériaux, contexte), et le nombre de pages et d'images par les tiens.

Tu es graphiste dans une agence d'architecture. Dans ce dossier, il y a les 6 images de mon projet. Fais-moi une plaquette de présentation de 6 pages A4 portrait, dans un seul fichier plaquette.html que j'imprimerai en PDF depuis le navigateur. Le projet : une médiathèque de quartier à l'angle de deux rues, 640 m² sur deux niveaux et un attique. Socle en brique claire avec des arcades, étage en bardage bois vertical, attique en zinc. Projet de fin d'études, 2026. Règles : - Regarde chaque image avant de la placer et choisis la bonne page pour chacune. - Une page A4 par section (@page A4, saut de page), rien ne déborde. - Les images ne sont jamais déformées (object-fit: cover), grandes, avec beaucoup de blanc autour. - Une typo sans empattement, fine et élégante, et une seule couleur d'accent prise dans les images. - Des titres courts et des légendes de deux lignes au plus, sans texte de remplissage. - Page 1 : la couverture. Dernière page : la planche de toutes les images. Numéro de page en bas.

Comment faire

  1. Mets tes images dans un dossier vide, en JPG ou PNG, avec des noms simples (image-1.jpg, image-2.jpg…).
  2. Ouvre Claude Code dans ce dossier (c'est là qu'on l'a testé : il lit les images et écrit le fichier à côté), colle le prompt et lance.
  3. Ouvre plaquette.html dans Chrome ou Edge. Ctrl+P, destination « Enregistrer au format PDF », marges « Aucune », coche « Graphiques d'arrière-plan », décoche « En-têtes et pieds de page ».
  4. Pour changer une page, demande-le en une phrase (« mets la vue aérienne en pleine page »), puis réimprime.

Ce qu'il a fait sur notre exemple

Les choix d'images

Vue de nuit en couverture (« la plus forte : arcades éclairées, reflets sur la chaussée mouillée »), vue aérienne pour la page « L'angle », axonométrie seule sur sa page avec une légende zinc / bois / brique, croquis et maquette en quinconce sur la même page, vue de jour « à hauteur de rue », et une planche 3 × 2 avec le numéro de page de chaque image.

La mise en page

Typo Jost en graisses fines, une seule couleur d'accent, un ambre (#B07A45) pris dans les fenêtres éclairées de la vue de nuit, au moins 20 mm de blanc sur les côtés, numéro « 01 / 06 » en pied de page.

L'exemple completà télécharger

Le fichier plaquette.html tel qu'il l'a écrit, le PDF imprimé, les 6 images de départ et le prompt.

Télécharger l'exemple →

Ce qui ne marche pas, ou pas encore

  1. Une seule exécution montrée, sur un projet d'exemple dont les 6 images ont été générées par IA. Avec d'autres images, d'autres choix de pages.
  2. Il invente ce que tu ne lui donnes pas : ici le titre « Médiathèque d'angle » et le système « zinc à joints debout » (il l'a signalé lui-même). Relis chaque légende.
  3. La typo vient de Google Fonts : sans connexion, le navigateur la remplace par une autre et l'aspect change.
  4. C'est du HTML, pas un fichier InDesign : pour retoucher, tu redemandes à Claude ou tu modifies le code. Rien n'est vérifié pour l'impression pro (fonds perdus, CMJN).
  5. Testé dans Claude Code. Dans claude.ai, tu peux joindre les images, mais le fichier HTML ne les trouvera que si tu le ranges ensuite dans le même dossier qu'elles : pas essayé.
Projet d'exemple, images générées par IA par the.invest.room. Une seule exécution montrée, sans retouche.
Tu as aimé ? Suis @the.invest.room : une astuce IA, archi ou investissement chaque jour.