Maquette minimaliste aux lignes tranchantes

Diapositives, vidéo et infographiesDans : Diapositives / infographie

Un cahier des charges YAML complet pour un look de portfolio architectural tout en espace blanc, avec un catalogue de dix-sept variantes de mise en page à exploiter.

Partagé par @yoshifujidesign on X, collected in awesome-notebookLM-prompts — à chacun son mérite.

# presentation_design_spec_minimal_jp.yaml\n# Style : Portfolio minimal raffiné\n# Caractéristiques : navigation en haut à gauche, esthétique de l'espace blanc, mise en page basée sur une grille\n\nParamètres de conception générale :\n  Ton : \"Professionnel, architectural, minimalisme aux lignes tranchantes\"\n  Palette de couleurs :\n    Base : \"#E9E9E9 (gris clair) ou #FFFFFF (blanc)\"\n    Texte : \"#000000 (noir de jais) ou #333333 (gris foncé)\"\n    Accent : \"#000000 (noir) – utilisé pour les lignes épaisses et le texte en emphase\"\n    Spécial : \"Mode sombre (fond noir) – utilisé pour les diapositives qui nécessitent une emphase\"\n  Typographie :\n    Titres : \"Sans-serif anglais (par ex. Helvetica Now, Inter). Gras et positionné de façon décorative.\"\n    Corps : \"Police gothique (la langue demandée par l'utilisateur dans le prompt). Petite taille avec un espacement des lettres et un interlignage généreux.\" Mais la langue doit être celle que l'utilisateur a employée dans le prompt.\n  Règles de mise en page communes :\n    Navigation : \"Placez un petit numéro de section et un titre comme '01. INTRODUCTION' en haut à gauche (ou en haut à droite) de chaque diapositive.\"\n    Grille : \"Utilisez un système de grille strict pour aligner les éléments.\"\n    Espace blanc : \"Laissez volontairement de grandes zones vides (espace négatif) pour créer une sensation de luxe.\"\n\nCatalogue de variantes de mise en page :\n  - Type : \"Typographie de titre\"\n    Design : \"Mise en page éparpillée. Placez aléatoirement des badges de récompense ou des mots-clés comme des tampons. Le titre central est petit, gras et sobre.\"\n\n  - Type : \"Emphase texte + données\"\n    Design : \"Division asymétrique. Texte narratif à gauche, chiffres surdimensionnés (noirs) à droite. Incluez de fines lignes de séparation.\"\n\n  - Type : \"Grille de cartes\"\n    Design : \"Grille très resserrée. Disposez des images haute qualité avec une sensation d'interaction façon web, comme un texte apparaissant au survol de la souris.\"\n\n  - Type : \"Visuel plein écran\"\n    Design : \"Photographie d'intérieur de bureau occupant tout l'écran (ou plus de la moitié). Textures de béton, bureaux alignés de Mac. Réduisez la saturation pour une tonalité froide. Ajoutez une légende très petite en bas à gauche.\"\n\n  - Type : \"Photo + liste divisée\"\n    Design : \"Division 50:50. Gauche : photographie architecturale ou abstraite. Droite : liste de données (titres gras + descriptions fines). Utilisé pour les informations sur l'entreprise. Noms d'éléments en gras, texte de corps fin. Espacement généreux ; évitez la surcharge.\" Mais la langue doit être celle que l'utilisateur a employée dans le prompt.\n\n  - Type : \"Carte minimale\"\n    Design : \"Carte en silhouette. Fond gris clair avec une carte blanche. Utilisez des lignes de rappel ultra-fines pour indiquer les emplacements.\"\n\n  - Type : \"Chronologie verticale\"\n    Design : \"Axe vertical. Une seule ligne fine avec du texte se ramifiant à gauche et à droite. Ordre chronologique épuré.\"\n\n  - Type : \"Bulle / diagramme de Venn\"\n    Design : \"Style fil de fer. Fond noir avec un tracé de lignes blanches fines. Cercles semi-transparents se chevauchant.\"\n\n  - Type : \"Dialogue (style chat)\"\n    Design : \"Format conversationnel minimal. Pas de bulles de bande dessinée, mais de simples blocs de texte avec des noms d'interlocuteurs en gras.\"\n\n  - Type : \"Liste chronologique\"\n    Design : \"Liste rythmée. Grandes années (par ex. 2024) à gauche, descriptions à droite. Fort contraste dans les tailles de police.\"\n\n  - Type : \"Diagramme mode sombre\"\n    Design : \"Esthétique tech intellectuelle. Fond noir avec de fines lignes blanches reliant des nœuds. Apparence façon constellation ou réseau. Cercles reliés par des lignes fines ou des motifs géométriques, exprimant une fusion entre technologie et créativité.\"\n\n  - Type : \"Colonnes en 3 étapes\"\n    Design : \"Colonnes portées par la typographie. De grands chiffres (01, 02, 03) servent de piliers. Pas d'icônes ; on s'appuie sur le contraste typographique.\"\n\n  - Type : \"Grille de logos\"\n    Design : \"Grille monochrome. Convertissez tous les logos en noir ou en gris et alignez-les sur une grille stricte.\"\n\n  - Type : \"Deux colonnes (problème vs solution)\"\n    Design : \"Contraste marqué. Une ligne verticale noire épaisse sépare 'Problème' et 'Solution'. Texte aligné en blocs.\"\n\n  - Type : \"Mise en page centrée (mode sombre)\"\n    Design : \"Cinématographique. Une petite vignette vidéo ou un visuel clé centré sur fond noir. Ajoutez un slogan émotionnel en anglais.\"\n\n  - Type : \"Formule / diagramme de flux\"\n    Design : \"Style mathématique. Expressions comme 'A × B = C' rendues en grande police serif. Flèches minimales.\"\n\n  - Type : \"Étapes fléchées\"\n    Design : \"Processus linéaire. Placez le texte à l'intérieur de grandes flèches. Fort contraste (flèches noires avec texte blanc).\"\n\n  - Type : \"Graphique\"\n    Design : \"Données de précision. Graphiques aux lignes fines se terminant par de petits points noirs. Allure d'instrument scientifique.\"

Comment l'utiliser

  1. 1Dans le panneau Studio, choisissez diapositives ou infographie, puis ouvrez sa zone de prompt.
  2. 2Collez la description du style souhaité.
  3. 3Générez, puis ajustez la formulation si le résultat s'éloigne de l'attendu.

Les crochets indiquent les parties à remplacer par votre propre sujet ou question.

Plus de prompts diapositives, vidéo et infographies