NotebookLMのスライド資料を自在にコントロールする
はじめに
NotebookLMのスライド資料作成機能はとても強力で、要点整理や構成案の作成を一気に進めてくれます。一方で、生成されるスライドの雰囲気が毎回似てしまったり、「もう少しこのテイストで作りたい」と感じることもありました。
生成するスライドのテイストを自在に指定できたらもっと使いやすくなると思いませんか。
この記事はFUJI / Presentation designer 氏のアイデアをベースとしており、最大限の謝辞を示します。
この記事でやったこと
「NotebookLMのスライド資料をyaml形式のスタイルで制御する」というnote記事に触発され、 画像を渡すと、そのテイストのスライドを生成す作成するするためのスタイルテンプレートを作成するGemを作成しました。
Gemの紹介：presentation style maker
presentation style maker は、
**「この雰囲気のスライドにしたい」**を、画像から読み取って YAML形式のスタイルテンプレートに落とし込んでくれるGemです。
やることはシンプルで、
- 1枚または複数枚の参考画像（スライドの“空気感”を表す画像）を渡す
たったこれだけ。
Gemが画像のテイスト（配色・余白感・文字の強弱・全体トーンなど）を解析し、
**その雰囲気でNotebookLMのスライドを生成するためのスタイルテンプレート（YAML）**を作成してくれます。
▶ presentation style maker
「内容は良いのに、雰囲気がしっくりこない」というNotebookLMあるあるに対して、
**“雰囲気の参照元を画像で渡す”**という、いちばん直感的な解決策を提供してくれるのがこのGemです。
Googleにログインした状態でpresentation style makerにアクセスしてください。
NotebookLMでの指定方法（使い方）
ここでは presentation style maker を使って、NotebookLMのスライド作成時にスタイルを指定する最短手順を紹介します。
手順1：参考画像を用意する
まず、作りたいスライドの雰囲気に近い 参考画像（Web画像・既存スライドのスクショなど） を1枚、できれば複数枚用意します。
手順2：Gemに画像を渡して、YAMLスタイルを生成する
Gem「presentation style maker」に参考画像を添付します。
Gemが画像を解析し、その雰囲気でスライドを作るためのYAMLスタイルテンプレートを生成してくれます。
（必要なら「もう少し落ち着いた感じに」「より未来感を強く」など、短い日本語で追加指示して微調整できます。）
手順3：NotebookLMにスタイルを貼り付ける
Gemが生成した YAMLスタイルテンプレート を、NotebookLMのスライド作成時に説明欄に貼り付けて実行します。
これだけで、
- 色
- トーン
- 情報密度
- 全体の空気感
が、参考画像の方向に寄ったスライドが生成されます。
背景・動機
NotebookLMのスライド生成は、
- 情報整理が速い
- 文章構成が破綻しにくい
という大きなメリットがあります。
しかし、
- デザインの雰囲気が固定化しやすい
- 自分が思い描く「トーン」や「空気感」とズレる
という課題も感じていました。
もしテイストを明示的に指定できるなら、NotebookLMの実用性はさらに高まるはずです。でもテキストで指示するのはめんどう。
そこで「画像を渡してスタイルテンプレートを生成する」というアプローチを試しました。
技術スタック
- NotebookLM
- YAML（スタイル定義）
※コードというよりは「プロンプト設計＋構造化データ」が主軸です。
スタイルをyamlで定義する考え方
スタイル定義では、例えば以下のような要素を明示します。
- 全体トーン（フォーマル / カジュアル / 未来的 など）
- カラーパレット
- フォントイメージ
- 図表の使い方
- 余白や情報密度
これらをyamlとしてまとめ、NotebookLM（Gemini）に渡します。
運用のコツ：気に入ったスタイルは“資産”としてストックする
スタイル指定は、一度ハマると再現性が高いのが強みです。
なので、気に入ったスタイルテンプレートができたら必ずストックしておくことをおすすめします。スライド作りのたびに毎回ゼロから悩まずに済み、再現性のあるアウトプットを素早く出せるようになります。
個人的には、次のように管理すると運用が楽でした。
- テンプレートに「用途名」を付ける（例：営業提案_ミニマル、社内共有_カジュアル、研究発表_硬め）
- 使った参考画像のURLやスクショも一緒に保存する（後で“狙った雰囲気”を再現しやすい）
この“スタイル資産”が溜まってくると、NotebookLMを使った資料作成が一気に加速します。
どんな人向けの記事か
- AIを使って業務効率を上げたいビジネスマン
- NotebookLMを触っているが、出力の雰囲気に物足りなさを感じている人
- デザインを言語化・構造化する発想に興味がある人
実際に使ってみて感じたこと
実際に presentation style maker を使ってNotebookLMでスライドを作ってみると、体感として次のような変化がありました。
まず一番大きいのは、最初の一発目から「方向性が合っている」確率が明らかに上がることです。従来は、
- 生成 → なんか違う
- 指示を足す → まだ違う
- さらに修正 → ようやく近づく
という試行錯誤をしていましたが、スタイルを先に与えることで「修正前提」から「微調整前提」に変わりました。
インフォグラフィックもいい感じにスタイルを取り込んでくれるので試してみてくださいね。
どんな人に特におすすめか
presentation style maker は、特に次のような人に向いています。
- NotebookLMでスライドを作っているが、毎回似た雰囲気になる人
- デザインは苦手だが、イメージは頭にある人
- AI生成物をそのまま出すことに抵抗がある人
まとめ
- NotebookLMのスライド生成は「構造」と「スタイル」を分けて考えると拡張しやすい
- yamlによるスタイル定義は、その橋渡しとして有効
- インフォグラフィックにも有効
参考にした記事と謝辞
本記事は、FUJI / Presentation designer 氏による以下のnote記事をベースにしています。
- https://note.com/yoshifujidesign/n/nd9c8db0b55b8
- https://note.com/yoshifujidesign/n/n7412bccb5762
- https://note.com/yoshifujidesign/n/nd9458ae338a4
NotebookLMのスライド生成を「構造」と「スタイル」に分解して捉える視点は非常に示唆に富んでおり、本記事はその発想を自分なりに実装・発展させたものです。
付録：スタイルテンプレート（YAML）と出力サンプル（PDF）
ここから先は、presentation style maker に渡すyamlスタイルのサンプル（YAML）と、
そのスタイルでNotebookLMから出力したPDFサンプルをセットで載せるための付録です。
1. blue mono
出力サンプル（PDF）
スタイルテンプレート
# presentation_design_spec_bold_modern.yaml
# Style: Cobalt & Canvas (Bold Typographic Modernism)
# Features: Massive typography, high contrast, pill shapes, grayscale photography
Overall Design Settings:
Tone: "Artistic, confident, structural, and bold."
Visual Motif: "Typography as the primary graphic element. Text should be huge, often overlapping or tightly spaced."
Color Palette:
Primary Backgrounds:
- "#1A4FA0 (Cobalt Blue) - Use for section dividers and impact slides."
- "#E8E6E1 (Warm Beige/Greige) - Use for content-heavy slides and covers."
Text Colors:
- "#1A4FA0 (Cobalt Blue) - Used on Beige backgrounds."
- "#FFFFFF (White) - Used on Blue backgrounds."
- "#000000 (Black) - Used for body text on Beige."
Accent: "White outlines (strokes) for buttons and frames."
Photography Style:
- "Black and White (Grayscale) cutouts."
- "Subjects are often removed from their background and placed directly on the color field."
- "High contrast portraits."
Typography:
Display Heading: "Massive Heavy Sans-Serif (e.g., Helvetica Now Display Black, Impact, or Inter Black). Tight tracking (letters almost touching). Leading should be tight (lines touching)."
Sub-heading/Labels: "Medium Sans-Serif. All Caps. often enclosed in pill/stadium shapes."
Body: "Clean, legible Sans-Serif."
Common Layout Rules:
UI Elements: "Use 'Stadium' or 'Pill' shapes (rounded rectangles with fully rounded ends) for buttons, dates, and names. often outlined (stroked) rather than filled."
Alignment: "Mix of extreme left alignment for typography and centered/grid arrangements for photos."
Scale: "Don't be afraid to let text run off the edge or take up 50% of the screen."
Layout Variations (Catalog):
- Type: "Title / Cover (The 'Project Proposal' Style)"
Design: "Beige background. Massive Blue typography spans the entire top half, split across two lines (e.g., 'Project' on top, 'Proposal' below). The text is so large it acts as a texture. A black-and-white cutout photo of the subject (e.g., an artist) is anchored at the bottom left. A small 'Year' stamp in an outlined pill shape is placed at the top right."
- Type: "Section / Table of Contents (The 'Menu' Style)"
Design: "Solid Cobalt Blue background. Massive White text on the left (e.g., 'Table of Contents') stacked vertically. On the right, a vertical list of outlined pill-shaped buttons containing the section titles (Introduction, About, etc.). The buttons are transparent with thin white borders."
- Type: "Team / Speaker Profile (The 'Scalloped' Style)"
Design: "Solid Cobalt Blue background. A huge white header spans the top. Team member photos are black and white, placed in unique frames: flat on the bottom but 'scalloped' (wavy/cloud-like) on top. Names and titles are placed below the photos in outlined pill shapes or simple clean text."
- Type: "General Content / Text & Image"
Design: "Split screen. One side is solid Blue with a large white key number or header. The other side is Beige with standard black body text. Use a grayscale image cutout bridging the gap between the two color zones to create depth."
- Type: "Timeline / Process"
Design: "Horizontal arrangement of pill shapes. The timeline is not a line, but a series of connected stadium-shapes. Current stage is filled Solid Blue; future stages are outlined Blue on Beige."
- Type: "Big Statement / Quote"
Design: "Beige background. The quote is rendered in the massive Display font in Blue, filling the entire slide. No quotation marks needed; the size implies the importance. A small pill-shaped tag at the bottom indicates the speaker."
- Type: "Gallery / Moodboard"
Design: "Masonry grid. A collection of black and white photos. Overlaid on top is a single large word (e.g., 'VISION') in Cobalt Blue, set to 'Multiply' blending mode so the photos show through the text."
- Type: "Data / Statistics"
Design: "Minimalist. Background is Beige. The data point (e.g., '85%') is enormous, taking up the left half of the slide in Blue. The explanation text is small and neatly stacked on the right, contained within a thin rectangular border."
2. red mono
出力サンプル（PDF）
スタイルテンプレート
# presentation_design_spec_editorial_red.yaml
# Style: High-Impact Editorial Red
# Features: Giant typography, magazine layout, bold red accents, Swiss-style grids
Overall Design Settings:
Tone: "Bold, confident, trendy, kinetic, and editorial."
Color Palette:
Base: "#F2F2F2 (Light Grey/Off-White) - Avoid pure white to maintain a print-paper feel."
Main Text: "#333333 (Dark Charcoal) - For body copy."
Emphasis/Headings: "#C8102E (Deep Vermilion/Impact Red) - Used for massive titles and graphical elements."
Accent: "#000000 (Black) - For fine details and secondary text."
Typography:
Display (Titles): "Ultra-Condensed Sans-Serif (e.g., Bebas Neue, Anton, Impact). Always uppercase, tightly spaced (kerning), and massive in scale."
Body: "Clean Sans-Serif (e.g., Helvetica, Roboto, Open Sans). Thin or Regular weight. Often uppercase for subheaders."
Numbers: "Parenthesized numbers like (1), (2) in the Display font/color."
Common Layout Rules:
Lines: "Use thin, sharp horizontal or vertical lines (in red) to separate sections."
Contrast: "Extreme contrast in font sizes—titles should take up 30-50% of the screen, while body text is small and structured."
Layering: "Interact text with images (e.g., a person's head covering part of the title) to create depth."
Layout Variations (Catalog):
- Type: "Giant Typography Split"
Design: "Vertical 50/50 split. The left side is dominated by a massive, stacked red title (e.g., 'WHO AM I?') that bleeds to the edges. The right side contains a concise paragraph of body text (uppercase or justified) and a vertical separator line. A large section number (e.g., '(1)') sits in the bottom corner."
- Type: "Horizontal Divider List"
Design: "A list format defined by structure. A massive red title spans the top. Each list item is separated by a full-width red horizontal line. Large red numbers in parentheses (1) are aligned to the left, with the corresponding text aligned to the right. The look is rhythmic and bureaucratic yet stylish."
- Type: "Editorial Flow & Image"
Design: "Asymmetrical balance. A high-fashion or expressive photo occupies a vertical column (e.g., left 1/3 or left 1/2). The remaining space features a list of steps or items. Headlines for items are bold and red; descriptions are thin and black. Use horizontal lines to separate each step. Include a 'Favorite Tools' or 'Summary' section at the bottom in bold."
- Type: "Magazine Cover Title"
Design: "Centered composition. The title (e.g., 'ABOUT ME') is huge and centered. The subject (photo of a person) is placed in the center, overlapping the text (masking effect) so the text appears 'behind' the person. Small metadata (location, name, age) is placed in the corners with icons, like a magazine cover."
- Type: "Quote / Statement"
Design: "Minimalist impact. A single, powerful sentence in the center of the slide. Use the Display Red font for the most important keywords, and black for the rest. Surround with very thin red frame lines or oversized quotation marks."
- Type: "Data Contrast"
Design: "A large percentage (e.g., '85%') is written in the massive red font, filling half the slide. The explanation is written in small, thin black text next to it. No charts, just the raw number as art."
- Type: "Grid Gallery"
Design: "A strict 2x2 or 3x3 grid of images. Overlays of red semi-transparent boxes with white text appear on hover or to highlight specific items. Labels are written in uppercase, bold red text outside the images."
Points to note when applying the design:
- Typography rules: "Don't be afraid of size. If the title feels too big, make it bigger. Tighten the letter spacing to make it feel block-like."
- Imagery: "Use photos that have a 'cutout' feel or high-contrast studio lighting. Avoid generic stock photos; prefer fashion-forward or gritty textures."
- Whitespace: "While the text is big, ensure the background (light grey) remains visible to let the design breathe. Do not crowd the body text."
3. cyber
出力サンプル（PDF）
スタイルテンプレート
# presentation_design_spec_cyber_neon.yaml
# Style: Neon Glitch / Street Cyber
# Features: High contrast, split layouts, wireframes, outlined typography, and tech-noir aesthetics
Overall Design Settings:
Tone: "Rebellious, futuristic, energetic, and edgy"
Key Visual:
Motif: "Duality (Human vs. Machine), Glitch effects, Wireframe overlays."
Decoration: "Lightning bolts, cybernetic schematics, kanji/barcode accents, and rough sticker-like borders."
Color Palette:
Background: "#050505 (Deep Black) or #0F0F14 (Dark Navy Black)"
Primary Purple: "#8A75F0" (Vibrant Violet - used for heavy blocks)
Primary Cyan: "#90F6EF" (Minty Cyan - used for character highlighting)
Accent Pink: "#FF4081" (Neon Pink - used for eyes, sensors, and warnings)
Text/Lines: "#FFFFFF" (White - used for high contrast outlines)
Typography:
Heading: "Extra Condensed Sans-Serif (e.g., Bebas Neue, Impact). Massive size. Mix of solid fill and hollow outlines."
Body: "Monospaced font (e.g., Roboto Mono, Courier New). Resembles terminal code or system logs."
Styling: "Use 'All Caps' frequently for headers. Apply 'glitch' or 'chromatic aberration' effects to key words."
Common Layout Rules:
Grid: "Asymmetrical. often breaking the grid with overlapping text."
Frames: "Use thin, glowing rectangular frames to enclose content."
Backgrounds: "Solid black often split by a large block of solid purple or a wireframe grid."
Layout Variations (Catalog):
- Type: "Mega Title Block"
Design: "Based on the 'REBECCA' text. The slide title fills the top 40% of the screen in massive, condensed, block letters. The letters can be alternating colors (Purple/Black) or outlined in Neon Pink. Subtitles are small and monospaced below."
- Type: "The Dual Split (Human/Cyber)"
Design: "Vertical 50/50 split. The left side has a solid colored background (Purple) with a clean image or text. The right side is a Black background with the content displayed as a wireframe/schematic diagram or 'X-ray' view. This represents the 'surface vs. internal' data."
- Type: "Hollow Text Overlay"
Design: "Place a large, desaturated or tinted image in the center. Overlay the key message (e.g., 'WHAT... DOOM?') in a large, hollow (outlined) font directly over the face/image. The text should appear to be part of a HUD (Heads-Up Display)."
- Type: "Icon Row / Sticker Footer"
Design: "Content takes up the top 80%. The bottom 20% is reserved for a row of stylized, square-framed icons and logos (hands, skulls, lightning bolts), arranged like streetwear brand logos or stickers."
- Type: "Terminal Data List"
Design: "A list format that looks like a boot sequence. Black background. Text is Monospaced Cyan or Pink. Each bullet point starts with a prompt character (e.g., '>_' or '//'). Use a flashing cursor effect on the final line."
- Type: "Schematic Product View"
Design: "Place the product or subject in the center. Draw thin white or pink indicator lines pointing to specific details. The labels are in small boxes with technical specifications, resembling a cybernetic blueprint."
- Type: "Glitch Quote"
Design: "A large quote in the center. The text is duplicated slightly offset in Cyan and Red to create a '3D glasses' or glitch effect. Background is pure black with faint noise texture."
- Type: "Portrait & Typography Columns"
Design: "Three vertical columns. The Left and Right columns contain large vertical typography reading downwards (like the T-shirt sides). The Center column contains the main visual or data chart."
Points to note when applying the design:
- Contrast is King: "Always ensure the neon colors vibrate against the deep black background."
- Wireframes: "When showing structures or data, use thin 'wireframe' lines rather than solid fills to mimic the 'cybernetic skeleton' look."
- Attitude: "The design should feel slightly chaotic but contained within rigid digital boxes."
4. kabuki
出力サンプル（PDF）
スタイルテンプレート
# presentation_design_spec_kabuki_gold.yaml
# Style: Dramatic Kabuki & Gold Leaf
# Features: Byobu (folding screen) layouts, gold leaf textures, brush strokes, and theatrical contrast
Overall Design Settings:
Tone: "Historical, theatrical, high-impact, and narrative-driven"
Key Visual:
Motif: "Suyari-gasumi (horizontal bands of mist/clouds) to partition space. Dynamic, jagged lines reminiscent of sword flashes or lightning."
Decoration: "Gold leaf textures (kinpaku), wood grain borders, and sumi-e (ink wash) splashes."
Color Palette:
Base: "#E6D7AA (Aged Washi/Gold Dust) or #F2EFE3 (Rice Paper)"
Main Text: "#0D0D0D (Sumi Ink Black)"
Accent A: "#C7241A (Vermilion/Lacquer Red) - Use for critical points and seals."
Accent B: "#2D4059 (Indigo/Samurai Blue) - Use for secondary information."
Special Background: "#1A1A1A (Deep Night Black) - For 'Conflict' or 'Impact' slides."
Typography:
Heading: "Mincho (Serif) style font with high contrast. Bold and sharp. Vertical writing (tategaki) capability is preferred for titles."
Body: "Clean Serif or humanist Sans-serif. Must be legible against textured backgrounds."
Numbers: "Kanji numerals (一, 二, 三) or archaic serif numerals."
Design Considerations:
- "The Concept of 'Ma'": "Do not fill every inch. Use negative space (Ma) effectively, often filled with gold mist or plain paper texture."
- "Asymmetry": "Avoid perfect centering. Use diagonal compositions to create movement and tension, similar to the battle scenes in the source images."
- "Framing": "Treat slides like panels in a folding screen (Byobu), using thick black lacquered borders."
Layout Variations (Catalog):
- Type: "The Grand Opening (Title)"
Design: "Folding Screen Reveal. The background is a rich gold leaf texture. The title is placed vertically on the right side in heavy black ink. A 'family crest' (Kamon) style logo is placed in the center or top left."
- Type: "Mist Partition (List)"
Design: "Suyari-gasumi (Gold Mist) Layout. Gold clouds drift across the screen horizontally. Text is placed in the 'clear' paper sections between the clouds. This allows for a clean separation of topics without rigid grid lines."
- Type: "Conflict & Resolution (Comparison)"
Design: "Diagonal Slash. The screen is divided diagonally by a jagged, sword-stroke line. The upper left is dark (Problem/Chaos - Black background with white text), and the lower right is light (Solution/Order - Gold background with black text)."
- Type: "The Narrative Scroll (Timeline)"
Design: "Emakimono Flow. A continuous horizontal line (ink brush stroke) runs across the slide. Milestones are marked not by dots, but by traditional scenery elements (pine trees, mountains) or red seal stamps (Hanko)."
- Type: "Character Focus (Profile/Team)"
Design: "Warrior Portrait. A large, dynamic cutout of a person (or product) dominates one half of the screen, styled with high contrast filters. The name and role are written in bold, calligraphic strokes next to them."
- Type: "Flash of Insight (Big Number)"
Design: "Lightning Strike. A dark background representing a stormy night. A jagged gold or white line strikes down, highlighting a single massive data point or percentage in red."
- Type: "Dialogue of Spirits (Quotes)"
Design: "Kabuki Speech. Instead of round bubbles, use sharp, jagged speech boxes or simply text floating in the air with a 'tail' pointing to the speaker, mimicking ukiyo-e storytelling."
- Type: "Process Steps"
Design: "Torii Gate Pathway. Steps are visualized as passing through a series of gates or moving along a path in a Japanese garden. The perspective is isometric or flat (classic Japanese perspective)."
- Type: "Ink Wash Chart (Data)"
Design: "Hand-Drawn aesthetic. Bar charts look like thick brush strokes. Line graphs look like threads of silk or flowing ink. Grid lines are faint and imperfect."
- Type: "The Final Act (Conclusion)"
Design: "Candlelight Focus. A mostly dark slide with a warm, glowing center (like the candle image provided). The final message or 'Next Step' is illuminated in the center, demanding attention."
- Type: "Triptych Columns"
Design: "Three-panel screen. Thick vertical black lines separate the slide into three equal vertical sections, each containing a distinct concept or image, acting like a connected triptych painting."
5. ukiyoe
出力サンプル（PDF）
スタイルテンプレート
# presentation_design_spec_ukiyoe_modern.yaml
# Style: Ukiyo-e Modern / Neo-Japonisme
# Features: Flat composition, bold outlines, woodblock textures, and dramatic framing
Overall Design Settings:
Tone: "Timeless, bold, serene, and narrative-driven"
Key Visual:
Motif: "Nature (Waves, Mt. Fuji, Trees), asymmetry, and 'Bokashi' (color gradation)."
Texture: "Subtle Washi paper grain texture on the background to avoid clinical whiteness."
Color Palette:
Base: "#F4EFE3 (Aged Paper/Cream) or #EFEBD8"
Main Color: "#1D3B6C (Prussian Blue / Hokusai Blue)"
Secondary Color: "#D65C52 (Vermilion / Shrine Red) or #C97D67 (Salmon Pink)"
Accent: "#2F4F4F (Pine Green) and #1A1A1A (Sumi Ink Black for outlines)"
Special: "Gradient fills (Bokashi) transitioning from Blue/Red to the Paper color at the top of slides."
Typography:
Heading: "Serif font with high contrast (reminiscent of brush strokes) or a modern structural Sans-Serif. Titles often placed in vertical rectangular cartouches."
Body: "Clean, legible Serif or Humanist Sans-serif. Good spacing to mimic the airy feel of prints."
Emphasis: "Use vertical writing orientation for short keywords or traditional Japanese numbering."
Design Considerations:
- "Bold Outlines": "Use clear, distinct black borders for images and content blocks, mimicking the woodblock key block (outline)."
- "Flat Perspective": "Avoid drop shadows and 3D effects. Rely on overlapping layers (foreground framing background) to create depth."
- "Dramatic Framing": "Use elements in the foreground (like a large tree branch, a barrel, or a wave) to frame the content in the distance."
- "Asymmetry": "Avoid perfect centering. Balance a large visual on one side with negative space and text on the other."
Layout Variations (Catalog):
- Type: "The Great Wave (Title Slide)"
Design: "A massive, sweeping curve (the wave) dominates the bottom or left half in Prussian Blue. The title sits in the 'sky' area (negative space) in the upper right or center. The background features a subtle beige-to-blue gradient at the top."
- Type: "Vertical Cartouche (Section Header)"
Design: "A vertical rectangular box (Cartouche) in the top right or left contains the section title, mimicking the signature blocks in Ukiyo-e. The rest of the slide is minimal, perhaps with a single 'Red Fuji' style gradient backdrop."
- Type: "Framed Perspective (Content Window)"
Design: "Based on the 'Barrel' or 'Maple Leaf' images. A circular or irregular framing element (like a window or tree branches) surrounds the central content (image or data). The viewer looks 'through' the frame to see the data."
- Type: "The Tokaido Road (Timeline)"
Design: "A winding path moves from foreground to background (zigzagging up the slide). Milestones are represented as 'stations' or small lodges along the road. The perspective is elevated (bird's-eye view)."
- Type: "Checkerboard Grid (Data Array)"
Design: "Inspired by the kimono patterns (Utamaro). A grid of alternating colored squares (Blue/Cream or Pink/Cream). Text and icons are placed inside the lighter squares. A decorative yet organized way to show product lists or team members."
- Type: "Actor's Profile (Persona/Quote)"
Design: "Inspired by Sharaku. A large, high-contrast cutout of a person (or the subject) takes up the left 2/3rds of the screen. A bold, short quote or key statistic appears on the right in a 'shouting' visual style (bold typography, dynamic placement)."
- Type: "Bokashi Bar Chart"
Design: "Bar charts that use the traditional woodblock gradient technique. Bars fade from solid Indigo at the bottom to transparent at the top, or from Vermilion to Cream. No grid lines, just the bars standing like trees against a fog."
- Type: "Nature Split (Comparison)"
Design: "A diagonal split screen. One side is 'Day/Yang' (Red/Pink gradient), the other is 'Night/Yin' (Blue/Grey gradient). Used to compare 'Before vs After' or 'Problem vs Solution' with high visual contrast."
- Type: "Layered Landscape (Process Flow)"
Design: "Three horizontal planes representing depth: Foreground (Process 1), Middle ground (Process 2), Background/Mountain (Goal). Text is layered over these distinct color bands (Green -> Blue -> Red)."
- Type: "Sumi Ink List"
Design: "A simple list where bullet points are replaced by red stamp marks (Inkan/Hanko style). The text is vertical or horizontal, but the layout feels like a handwritten scroll."
6. byoubu
出力サンプル（PDF）
スタイルテンプレート
# presentation_design_spec_rimpa_gold.yaml
# Style: Rimpa Golden Masterpiece
# Features: Gold leaf texture, dynamic brush strokes, bold negative space, and Japanese traditional aesthetics
Overall Design Settings:
Tone: "Majestic, timeless, high-impact, and artistic"
Key Visual:
Motif: "Gold leaf grid (square foil seams), swirling wind/clouds, and bold ink outlines."
Texture: "A background simulating gold leaf (Kin-paku) with faint square grid lines. Washi paper textures for text areas."
Color Palette:
Base: "Gold (#D4AF37 or a textured gold gradient). Alternatively, a deep uneven beige to simulate aged paper."
Text Color: "Sumi Ink Black (#1C1C1C) - High contrast against the gold."
Accent 1: "Mineral Green/Malachite (#366448) - Inspired by the Wind God/Lions."
Accent 2: "Gofun White (#F2F2F2) - For highlights, skin tones of the gods, or teeth/claws."
Accent 3: "Rust Red/Ochre (#8C3A2C) - For emphasis marks or fabric details."
Typography:
Heading: "Mincho style (Serif). Elegant, with variable stroke width like calligraphy. Vertical writing (Tategaki) is effective for short titles."
Body: "High-readability Serif or clean Sans-serif. Keep text sparse to respect the 'Ma' (negative space)."
Data Elements: "Hand-painted style charts. Lines should look like brush strokes."
Design Considerations:
- "Ma (Negative Space)": "Do not fill the slide. Leave large areas of gold background exposed to create tension and grandeur."
- "Asymmetry": "Avoid perfect centering. Balance elements diagonally (e.g., top-left vs. bottom-right) like the Wind and Thunder Gods."
- "Contrast": "Use the stark contrast between the metallic background and matte black ink."
Layout Variations (Catalog):
- Type: "The Byobu Title (Folding Screen)"
Design: "The slide represents a gold folding screen. A bold, vertical title is placed on the right side in thick black ink calligraphy. The background features the faint grid pattern of gold leaf squares. A single visual element (like a cloud or pine branch) anchors the opposite corner."
- Type: "Dual Contrast (Fujin & Raijin)"
Design: "A comparison layout. The screen is split into left and right. 'Subject A' dominates the top-left, and 'Subject B' dominates the bottom-right, mimicking the dynamic positioning of the Wind and Thunder Gods. A swirling ribbon or cloud connects the two concepts across the center."
- Type: "The Golden Void (Text Focus)"
Design: "Use a solid gold background. Text is contained within a 'floating' white or very light beige block that resembles a mounted poem slip (Tanzaku). The text block is slightly off-center, surrounded by ample gold space."
- Type: "Brush Stroke Timeline"
Design: "A horizontal timeline represented by a single, continuous, varying-width ink brush stroke (resembling a flowing river or tree branch). Milestones are marked with gold or red circles. Dates are written vertically."
- Type: "Cloud Wreath Cycle"
Design: "A cyclic process diagram. Instead of standard arrows, use the 'floating scarves' or 'wind ribbons' seen in the Raijin image to create a circular flow. The ribbons loop around key keywords."
- Type: "Lion's Stance (Problem vs. Solution)"
Design: "A bold, grounded layout. A large, heavy ink-wash visual (or dark image) occupies the bottom left (The Lion). The 'Solution' text floats in the upper right gold space, light and airy. This creates a visual weight contrast."
- Type: "Grid of Squares (Gold Leaf Data)"
Design: "Utilize the natural grid of the gold leaf texture. Data points or icons are placed inside specific squares of the gold foil grid. This creates a structured yet artistic table layout. Icons should look like stamps (Hanko)."
- Type: "Mineral Bar Chart"
Design: "A bar graph where the bars are colored in deep mineral green and rust red. The axes are drawn with brush-style lines. The bars have a slight texture, resembling dry pigment painting."
- Type: "Enso Emphasis (Conclusion)"
Design: "A single, large, incomplete brush circle (Enso) in the center of the gold slide. The core message or final takeaway is placed inside the circle in bold black text. It symbolizes completeness and void."
- Type: "Atmospheric Image Full"
Design: "A full-screen photograph, but with a 'Gold Dust' overlay effect. The image is framed with a thin black border, floating on the gold background, similar to a painting mounted on a scroll."
7. acid
出力サンプル（PDF）
スタイルテンプレート
# presentation_design_spec_acid_brutalist.yaml
# Style: Acid Brutalist & Streetwear Editorial
# Features: Massive condensed typography, high contrast, noise textures, and grid-based asymmetry
Overall Design Settings:
Tone: "Bold, Industrial, Edgy, Contemporary Fashion"
Color Palette:
Base: "Acid Yellow (#FDFD78) or White (#FFFFFF)"
Contrast Base: "Cool Grey (#A0A0A0) or Deep Black (#000000)"
Text Color: "Jet Black (#000000) for yellow/white backgrounds, Acid Yellow for grey/black backgrounds"
Accent: "Grain/Noise Texture (Black spray effect), Thin structural lines"
Typography:
Heading: "Ultra-Condensed Sans-Serif (e.g., Druk Condensed, Impact, Helvetica Compressed). Extremely large, occupying 30-50% of the screen."
Body: "Functional Sans-Serif or Monospace (e.g., Helvetica Now, Roboto Mono). Small, justified blocks."
Decoration: "Large Numbers (01, 02) used as graphic anchors."
Common Layout Rules:
Navigation: "Very small, uppercase text placed at the absolute top corners or center (e.g., 'GRAPHIC DESIGNER', 'WORK ARCHIVE')."
Grid: "Modular grid. Elements are often aligned to the edges or strictly centered."
Visuals: "Photos are often rectangular with sharp edges. Abstract shapes use 'noise' or 'dissolve' effects."
Layout Variations (Catalog):
- Type: "The Noise Title"
Design: "Acid Yellow background. A massive, abstract curved shape made of black 'noise' or 'spray paint' texture dominates the center. The title (e.g., 'CREATIVE PORTFOLIO') is stacked in the bottom left in bold, condensed letters. Navigation is tiny at the top."
- Type: "The Lookbook Triptych"
Design: "White background. A massive header 'SELECTED WORKS' spans the top left. Below it, three vertical photographs are arranged side-by-side (triptych format). The images feature high-fashion or product photography. Minimal spacing between images."
- Type: "Asymmetric Collaboration"
Design: "Acid Yellow background. Title 'CLIENTS & COLLABORATIONS' is centered but slightly offset. Two small to medium photos are placed asymmetrically (one bottom left, one top right). A block of explanatory text is strictly justified in the center. Use arrow icons (↘) in corners."
- Type: "Industrial Profile"
Design: "Grey background. Large name 'FRANCOIS MERCER' in yellow text at the top. A vertical red hair-line acts as a divider. A portrait photo is placed on the right side. The left side contains a large number '01' and a yellow intro text block."
- Type: "Split Grid About"
Design: "White background. The screen is split 50/50. The left side contains a precise grid of 3 square lifestyle photos. The right side features a massive 'ABOUT ME' title and a bold summary paragraph. A directional arrow points to the content."
- Type: "Dark Mode Process"
Design: "Split horizontal layout. The top half is a photo with a large, yellow transparent text overlay ('MY CREATIVE'). The bottom half is solid black with yellow text. The bottom section lists process steps (Discovery, Research, Design) in a 6-column strict grid."
- Type: "Typography Hero"
Design: "No images. Just the background color (Yellow or White) and massive black text filling the screen from edge to edge. Used for section breaks or emphatic statements."
- Type: "Data Monitor"
Design: "Black background. Elements look like a camera viewfinder or system monitor. Thin white lines, crosshairs, and data points displayed in monospace font. Images are desaturated or monochrome."
8. fantasy
出力サンプル（PDF）
スタイルテンプレート
# presentation_design_spec_ethereal_fantasy.yaml
# Style: Mythic Art Nouveau / Celestial Watercolor
# Features: Flowing lines, gold leaf accents, dramatic negative space, and fine-line illustrations
Overall Design Settings:
Tone: "Epic, dreamlike, sophisticated, artistic, and emotional."
Visual Motif: "Japanese fantasy art meets Art Nouveau. Fine ink lines, watercolor washes, and 'Kintsugi' (golden joinery)."
Color Palette:
Base: "#F9F7F1 (Antique Parchment) or #0B0B15 (Deep Cosmic Void)"
Text Color: "#2A2A2A (Soft Charcoal) or #E0D6C2 (Pale Gold on dark backgrounds)"
Accent:
- "#D4AF37 (Metallic Gold) - Used for halos, borders, and emphasis."
- "#4B6CB7 (Lapis Lazuli/Sapphire Blue) - Used for flowing elements."
- "#B22222 (Deep Crimson) - Used for small, sharp focal points."
Texture: "Subtle paper grain, gold foil splatter, and watercolor bleed edges."
Typography:
Heading: "Elegant Serif with high contrast (e.g., Cinzel, Playfair Display, or Bodoni). Delicate but majestic."
Body: "Clean Serif or Humanist Sans-serif (e.g., Cormorant Garamond or Optima). Wide tracking (letter spacing) for an airy feel."
Decoration: "Use drop caps or decorative initials for the first letter of paragraphs."
Common Layout Rules:
Composition: "Asymmetrical balance. Avoid rigid grids. Elements should feel like they are floating or flowing."
Lines: "Use extremely thin, variable-width curves (whiplash curves) rather than straight lines."
Borders: "Do not box everything in. If frames are used, make them ornate corners or incomplete gold circles."
Layout Variations (Catalog):
- Type: "The Halo Title"
Design: "A large, textured gold circle (referencing the sun/moon in the images) dominates the background, offset from the center. The title text is overlaid in a sharp, elegant serif font. Fine, wispy lines radiate outward like solar flares or hair."
- Type: "Flowing Narrative (Text + Image)"
Design: "The image is not a square box but a cutout with organic, flowing edges (like smoke or water). Text wraps around the curve of the image. A faint watercolor wash connects the text block to the image."
- Type: "Constellation List"
Design: "Instead of standard bullet points, use small diamond or star shapes connected by very thin hair-lines. The layout looks like a star chart or a constellation map against a dark or parchment background."
- Type: "The Scroll (Timeline)"
Design: "A horizontal timeline that looks like a flowing river or a dragon's tail. The path curves gently across the slide. Milestones are marked by gold droplets or lotus flowers. The years are written in a classic font."
- Type: "Jewel Box (Gallery)"
Design: "Deep dark background (#0B0B15). Images are arranged loosely, framed by thin gold borders. The images glow slightly. Captions are minimal, written in silver or pale gold."
- Type: "Ethereal Data (Charts)"
Design: "Avoid blocky bars.
- Line Charts: Use jagged, fine lines resembling mountain ranges or lightning.
- Pie Charts: Styled like celestial spheres or compasses with gold segments.
- Bar Charts: Watercolor washes that fade out at the top, with no hard outlines."
- Type: "Character/Speaker Profile"
Design: "The subject's photo is blended into the background using a 'double exposure' or watercolor effect. Decorative elements (feathers, petals, or bubbles) drift around the subject. The name is large and stylized, like a signature."
- Type: "Whisper Quote"
Design: "Huge negative space. The background is a subtle gradient (e.g., white to faint blue). The quote is small, centered, using a delicate italic serif font. A single visual element (like a butterfly or a single eye) floats in the corner."
- Type: "Concept Map (The Web)"
Design: "A central idea (Gold) with fine, thread-like lines connecting to sub-ideas (Blue/Silver). The nodes are not circles but organic shapes like stones or clouds. It resembles a nervous system or magic spell array."
- Type: "Dual World (Comparison)"
Design: "Diagonal split. Top left is Light (Parchment background, dark text), Bottom right is Shadow (Black background, gold text). The dividing line is a jagged, gold-leaf crack (Kintsugi style)."
Points to note when applying the design:
- "Flow over Structure": "Prioritize the curvature and motion of the eye. Lead the viewer through the slide using lines that mimic flowing hair or fabric."
- "Detail Density": "Contrast areas of extremely high detail (intricate patterns in corners) with vast areas of empty space (Ma/Negative Space)."
- "Metallic Texture": "Where possible, apply a gradient to yellow/gold elements to simulate a metallic shine."