NotebookLMでスライドを作るとき、内容に合わせて見た目も変えたい。企業の提案書のように整えたいこともあれば、黒板、浮世絵、レトロなSFポスターのように、テーマの世界観を出したいこともあります。
今回は、そうした使い分けができる45種類のスタイル定義と、それぞれに対応するサンプルPDFをまとめました。記事内の表紙画像で雰囲気を確認し、気になる作例のPDFを開いて、YAMLをコピーして試せる形にしています。
スタイルをYAMLで指定する考え方は、前の記事「【AI】NotebookLMのスライド資料を自在にコントロールする」で紹介しました。この記事は、実際に選んで使うためのスタイル集です。
スタイルのYAML・表紙画像・サンプルPDFは、専用のGitHubリポジトリでも公開しています。YAMLと表紙画像の一括ZIPも利用できます。
使い方
- 下の表紙画像から気になるスタイルを選び、サンプルPDFで全ページを確認します。
- 「YAMLを開く」を展開し、中の定義をコピーします。
- NotebookLMで内容のソースを用意し、スライド資料のカスタマイズ画面を開きます。
- 作成するスライドの説明欄に、目的・対象読者・伝えたい内容と、コピーしたYAMLを貼り付けて生成します。
説明欄で対象者やスタイルなどを指定できることは、Google公式ヘルプでも案内されています。本記事では、そのデザイン指示をYAMLの形に整理して使います。
たとえば、目的の指定は次のように書き、その後ろに選んだスタイル定義を続けます。
添付したソースをもとに、初めてこのテーマに触れる人向けのスライドを作成してください。
結論、背景、具体例、実践の順に説明してください。
出力言語は日本語とします。
以下のYAMLを、配色・文字・レイアウトのデザイン指針として使ってください。
レイアウトの例は、内容に合うものを選んでください。
YAML内のキーは、このスタイル集でデザイン指示を整理するためのものです。NotebookLMに専用の設定ファイルとして読み込ませる機能を前提にはしていません。日英の記述は元の定義に合わせています。
サンプルPDFは見た目を選ぶための作例です。資料の内容や生成時の条件が異なるため、45種類を同じ条件で比較した実験ではありません。また、同じYAMLでも生成結果は変わります。
スタイルを選ぶ
まずは、説明資料なら Modern Corporate、勉強会なら Blackboard、和の雰囲気なら ukiyoe から見ると、方向性をつかみやすいと思います。文字そのものを強く見せたい場合は Risograph Red や red-mono も候補になります。
下の「用途の目安」は、定義の特徴から考えた使い分けです。スタイル名の番号は元の資料の掲載順に合わせています。
| 系統 | 収録スタイル |
|---|---|
| ミニマル・ビジネス | グレークールイメージ / blue wave / blue wave GPTS / Corporate Clean / Tech Blue / Corporate / Structured Outline & Yellow Accent / Corporate Cyber Blue / Modern Corporate |
| タイポグラフィ・エディトリアル | blue-mono / red-mono / yellow art / blue mono GPTS / Risograph Red / Bold Industrial / Modern Academic |
| 和風・伝統美 | ukiyoe strong / byobu gold / ukiyoe / ukiyoe GPTS / gold byoubu GPTS / heian / butuzo |
| サイバー・テクノロジー | cyberpunk neon / cyberpunk purple-black / Cybernetic Future / TechWave |
| ポップ・レトロ | Digital Pop / retro pop pink / Psychedelic / Retro Jukebox / Vintage Americana / Retro-Future / Retro Sci-Fi Swarm |
| 黒板・雑誌・新聞・漫画 | Blackboard / Japanese Weekly Tabloid / Japanese Weekly Tabloid 2 / High-Impact / Shock / Japanese Newspaper / Manga |
| アート・写真・ラグジュアリー | fantasy art / Luxury / Nature Portfolio / Elegant Photographic Minimalism |
各項目に、サンプルPDFの1ページ目を掲載しています。画像またはPDFリンクをクリックすると、GitHubからPDFをダウンロードして全ページを確認できます。YAMLは長いため折りたたんでいます。コピー用に、インデント・引用符・重複キーの表記を一部整理しました。
ミニマル・ビジネス
01. グレークールイメージ
グレーと黒、余白、厳密なグリッドで組み立てるミニマルなスタイル。数字や見出しの大小で情報に強弱をつけます。
用途の目安： 作品紹介、実績紹介、落ち着いた研究紹介
YAMLを開く：グレークールイメージ
# presentation_design_spec_minimal_jp.yaml
# スタイル: 洗練されたミニマル・ポートフォリオ
# 特徴: 左上のナビゲーション、余白の美学、グリッドレイアウト
全体デザイン設定:
トーン: "プロフェッショナル、建築的、エッジの効いたミニマリズム"
配色パレット:
ベース: "#E9E9E9 (ライトグレー) または #FFFFFF (白)"
文字色: "#000000 (漆黒) または #333333 (ダークグレー)"
アクセント: "#000000 (黒) - 太い線や強調文字に使用"
特別色: "ダークモード（黒背景） - 強調したいスライドで使用"
タイポグラフィ:
見出し: "英語のサンセリフ体（Helvetica Now, Interなど）。太字で装飾的に配置。"
本文: "日本語ゴシック体。サイズは小さく、字間・行間を広めに取る。"
共通レイアウト・ルール:
ナビゲーション: "すべてのスライドの左上（または右上）に、『01. INTRODUCTION』のようなセクション番号とタイトルを小さく配置する。"
グリッド: "厳格なグリッドシステムを使用し、要素を整列させる。"
余白: "あえて何もない空間（ネガティブスペース）を広く取り、高級感を出す。"
レイアウト・バリエーション（カタログ）:
- タイプ: "タイトル・タイポグラフィ"
デザイン: "散布レイアウト。受賞バッジやキーワードをスタンプのようにランダムに配置。中央のタイトルは小さく太く。"
- タイプ: "テキスト＋データ強調"
デザイン: "非対称の分割。左側に物語るようなテキスト、右側に巨大な数字（黒字）。細い区切り線を入れる。"
- タイプ: "カードグリッド"
デザイン: "隙間の狭いグリッド配置。高品質な画像を並べ、マウスオーバーで文字が出るようなWeb的な表現。"
- タイプ: "全画面グラフィック"
デザイン: "画面全体（または画面の半分以上）に、オフィスの内観写真（コンクリート打ちっぱなし、Macが並ぶデスクなどを配置。彩度を落としてクールに。左下に極小のキャプションを入れる。"
- タイプ: "写真＋リスト分割"
デザイン: "50:50の分割。左は建築的・抽象的な写真。右はデータリスト（英語の太字見出し＋日本語の細字説明）。会社情報などをリスト形式で記述。項目名（英語）を太字、内容（日本語）を細字で。余白を多く取り、情報は詰め込みすぎない。"
- タイプ: "ミニマル地図"
デザイン: "シルエットマップ。ライトグレーの背景に白地図。極細の引き出し線で拠点を指し示す。"
- タイプ: "垂直タイムライン"
デザイン: "垂直軸。一本の細い縦線から、左右にテキストが分岐するデザイン。年代順に整然と。"
- タイプ: "バブルチャート / ベン図"
デザイン: "ワイヤーフレーム風。黒背景に白の細い線画。円が透明度を持って重なり合う。"
- タイプ: "対話形式（チャット）"
デザイン: "ミニマルな会話劇。漫画的な吹き出しではなく、シンプルなテキストブロックと太字の話者名で構成。"
- タイプ: "年表リスト"
デザイン: "リズムのあるリスト。左列に巨大な年号（2024など）、右列に説明。フォントサイズの対比を強調。"
- タイプ: "ダークモード図解"
デザイン: "知的なテック感。黒背景に白の細い線でノードをつなぐ。星座やネットワークのような見た目。円同士を細い線や幾何学模様で繋ぎ、テクノロジーとクリエイティブの融合を表現。"
- タイプ: "3ステップ・カラム"
デザイン: "タイポグラフィによるカラム。巨大な数字（01, 02, 03）が柱となる。アイコンは使わず文字の強弱で魅せる。"
- タイプ: "ロゴグリッド"
デザイン: "モノクロ・グリッド。すべてのロゴを黒またはグレーに変換し、格子状に整列させる。"
- タイプ: "2カラム（課題 vs 解決）"
デザイン: "鋭い対比。太い黒の縦線で『課題』と『解決策』を分断する。テキストはブロック状に揃える。"
- タイプ: "中央配置（ダークモード）"
デザイン: "映画的。黒背景の中央に小さな動画サムネイルやキービジュアル。情緒的な英語のタグラインを添える。"
- タイプ: "数式・フロー図"
デザイン: "数式スタイル。『A × B = C』のような形式を、巨大なセリフ体で表現。矢印はミニマルに。"
- タイプ: "矢印ステップ"
デザイン: "線形プロセス。大きな矢印の中にテキストを収める。ハイコントラスト（黒矢印に白文字）。"
- タイプ: "チャート"
デザイン: "精密データ。細い線の先に小さな黒丸がついたグラフ。科学計測器のような見た目。"
03. blue wave
白地の四隅に青い等高線や波の模様を置くスタイル。太い見出しと繊細なセリフ体の組み合わせで、すっきりした印象にします。
用途の目安： 技術紹介、事業構想、データの流れの説明
YAMLを開く：blue wave
# presentation_design_spec_fluid_blue.yaml
# Style: Fluid Topography / Future Corporate
# Features: Organic wave patterns, Serif & Sans-serif pairing, Asymmetric framing
Overall Design Settings:
Tone: "Professional, fluid, visionary, and clean."
Key Visual:
Motif: "Blue topographic contour lines (isohypses) or sound waves. These represent flow, data, and connectivity."
Placement: "Primarily used in the corners (top-right and bottom-left) to frame the content without overcrowding it."
Color Palette:
Base: "#FFFFFF (Pure White)"
Text Main: "#000000 (Black) or #1A1A1A (Very Dark Gray)"
Primary Accent: "#1B55A8 (Royal Blue) - Used for the wave patterns and emphasized text."
Secondary Accent: "#4A7BC4 (Muted Blue) - Used for charts or secondary highlights."
Typography:
Heading: "Modern Geometric Sans-Serif (e.g., Montserrat, Roboto, Inter). Bold and commanding. Black color."
Subtitle/Accent: "Elegant Serif (e.g., Playfair Display, Georgia, Garamond). Used for taglines, questions, or quotes. Blue color."
Body: "Clean Sans-Serif. High readability."
Layout Variations (Catalog):
- Type: "Title Slide (Hero)"
Design: "Replicates the source image. Large clusters of blue wave patterns in the top-right and bottom-left corners. The center contains a large, bold black Sans-Serif title, followed by a smaller, elegant Serif subtitle in blue."
- Type: "Section Divide"
Design: "The blue wave pattern flows horizontally across the entire middle of the slide like a river. The section number (01, 02) is placed in large Serif font within or above the wave."
- Type: "Text + Image Split"
Design: "Asymmetrical balance. The left side is text (Black Sans-Serif header). The right side is a photo masked in a soft, organic shape (blob or rounded rectangle), anchored by a few blue contour lines at the edge."
- Type: "Three-Column Service List"
Design: "Clean white space. Three columns. Each column top has a small snippet of the blue wave pattern acting as an icon or header decoration. Titles are bold Sans-serif, descriptions are minimal."
- Type: "Quote / Statement"
Design: "Centered layout. A large, quotation mark in Blue Serif. The quote itself is written in a medium-sized Serif font (italicized) to contrast with the rest of the presentation's Sans-serif body text."
- Type: "Data Visualization (Line Chart)"
Design: "The chart lines mimic the style of the topographic background—smooth, curved (spline) lines rather than jagged angles. Use the Primary Blue for the main data line."
- Type: "Process / Timeline"
Design: "A horizontal flowing line (like a single strand of the wave pattern) traverses the slide. Nodes are marked with simple blue dots. Dates are in Serif font, descriptions in Sans-serif."
- Type: "Big Statistic"
Design: "Minimalist. A very large percentage or number (e.g., '85%') in the Blue Serif font, centered. The background features a faint, low-opacity version of the wave pattern covering the whole slide (watermark style)."
- Type: "Team / Profile"
Design: "Photo on the left with a circular crop. The blue wave pattern ripples out from behind the photo. Name in Bold Sans, Job Title in Blue Serif."
- Type: "Comparison (Before/After)"
Design: "A central vertical axis represented by a thin blue wavy line. Left side is 'Current State' (Gray text), Right side is 'Future State' (Black text). The wave separates the two visually."
Points to note when applying the design:
- Typography Mix: "The core of this style is the contrast between the 'Modern/Hard' Sans-serif title and the 'Human/Soft' Serif subtitle. Always maintain this hierarchy."
- Whitespace: "Do not let the wave patterns touch the text. Keep the center of the slide clean for content."
- Flow: "Ensure the lines look continuous and smooth, leading the viewer's eye across the slide."
15. blue wave GPTS
「Future Flow」という名前の、太い文字と広い余白、流れる線を使うスタイル。blue waveと同系統ですが、独立した定義として収録しています。
用途の目安： 技術の展望、イノベーション、新しい取り組み
YAMLを開く：blue wave GPTS
template_name: "Future Flow"
description: >
A modern, minimal presentation style with bold typography, generous white space,
and organic flowing line graphics. Designed to convey innovation, technology,
and forward-looking ideas.
color_palette:
primary:
name: "Deep Blue"
hex: "#1F4FB2"
usage: "Decorative waves, accents, highlights"
secondary:
name: "Black"
hex: "#000000"
usage: "Main titles and body text"
background:
name: "Pure White"
hex: "#FFFFFF"
usage: "Slide background"
accent:
name: "Bright Blue"
hex: "#2C6BED"
usage: "Subtitles, emphasis text, dividers"
typography:
heading:
font_family: "Inter, Helvetica Neue, Arial, sans-serif"
font_weight: 700
letter_spacing: -0.02em
color: "#000000"
subheading:
font_family: "Inter, Helvetica Neue, Arial, sans-serif"
font_weight: 500
color: "#2C6BED"
body:
font_family: "Inter, Helvetica Neue, Arial, sans-serif"
font_weight: 400
color: "#000000"
layout:
margins:
top: 12%
bottom: 12%
left: 10%
right: 10%
alignment: "left"
grid: "Single-column with strong visual anchors"
visual_elements:
decorative_graphics:
style: "Organic flowing contour lines"
color: "#1F4FB2"
stroke_weight: "Medium"
placement:
- "Top-right corner"
- "Bottom-right corner"
opacity: 100%
shapes:
usage: "Minimal, decorative only"
corners: "Rounded"
slide_types:
cover:
title_font_size: "Very Large"
subtitle_font_size: "Medium"
title_max_width: "60%"
graphic_presence: "Strong"
notes: >
Large bold title on the left with abstract wave graphics framing
the slide from the right.
section_header:
title_font_size: "Large"
graphic_presence: "Medium"
notes: "Introduce sections with space and a single wave element."
content:
title_font_size: "Medium"
body_font_size: "Regular"
graphic_presence: "Light"
notes: "Focus on clarity and readability, minimal decoration."
closing:
title_font_size: "Large"
graphic_presence: "Strong"
notes: "Reintroduce bold wave graphics for a confident ending."
tone_and_feel:
mood: "Innovative, confident, optimistic"
complexity: "Simple and clean"
inspiration_keywords:
- "Future"
- "Technology"
- "Flow"
- "Communication"
- "Clarity"
usage_guidelines:
- Use white space generously.
- Avoid clutter or excessive text.
- Keep graphics abstract and non-representational.
- Maintain strong contrast between text and background.
- Let visuals frame content, not overpower it.
20. Corporate Clean
白と淡い青の波模様を背景に、モノクロ写真と枠付きラベルを配置します。柔らかさと整然とした印象を両立するスタイルです。
用途の目安： 企業紹介、調査報告、穏やかなトーンの提案
サンプルPDFをダウンロード：Corporate Clean
YAMLを開く：Corporate Clean
# presentation_design_spec_clean_wave.yaml
# Style: Corporate Clean Wave
# Features: Serif/Sans-serif mix, wave textures, grayscale photography, box labels
Overall Design Settings:
Tone: "Trustworthy, Clean, Gentle yet Professional"
Color Palette:
Base: "#FFFFFF (White) with subtle pale blue organic wave texture background"
Text Color: "#333333 (Dark Charcoal/Dark Gray)"
Accent: "#333333 (Dark Gray) - Used for background boxes, navigation tags, and labels"
Contrast: "#FFFFFF (White) - Used for text inside dark boxes/circles"
Imagery: "Black and White or Desaturated photography (Architecture, Cityscapes, Office scenes)"
Typography:
Section Number/Title: "Serif Font (Mincho style). Elegant and formal."
Main Headings/Body: "Sans-serif Font (Gothic style). Clean, modern, and readable."
Label Text: "Bold Sans-serif (White text on dark background)."
Common Layout Rules:
Navigation: "A dark gray square box in the top-left corner containing the slide number (Serif, White). The section title (Serif, Dark Gray) sits to the right of the box."
Background: "Most slides use a white background with a faint, flowing wave pattern at the top or bottom to add softness."
Shapes: "Mix of sharp rectangles (for labels/cards) and circles (for timelines/icons)."
Layout Variations (Catalog):
- Type: "Split Cover"
Design: "50:50 vertical split. Left side is white with the wave pattern, containing the Company Name (in a dark small box), Title (Large Sans-serif), and Date (Underlined). Right side is a high-contrast Black & White architectural or city photo."
- Type: "Visual Table of Contents"
Design: "Split layout. Left side features an abstract B&W photo (e.g., architectural curves) taking up 30-40% of the width. Right side lists contents (01, 02, 03...) in a clean Serif font list."
- Type: "Vision & Message"
Design: "Text-focused layout. Navigation on top-left. A large, central slogan/catchphrase in bold Sans-serif. Explanatory body text is left-aligned below, with ample line spacing. The gentle wave pattern runs across the background."
- Type: "Service Overview (Visual & Text)"
Design: "Dark Label Headers. Use dark rectangular boxes with white text for sub-headers (e.g., 'Service Name'). Place product mockup images (laptop/phone) on a plain background below."
- Type: "Feature Icons (3-Column)"
Design: "Minimalist iconography. Three columns. Top: Simple black outline line-art icons (monitor, gears, people). Middle: Short bold title. Bottom: Descriptive text. Aligned horizontally."
- Type: "Timeline (Process)"
Design: "Horizontal flow. Three large dark gray circles containing the Date and Phase Name (White text). Connected by a thin horizontal line crossing through the center of the circles."
- Type: "Team Members"
Design: "3-Column Profile. Square photo at the top. Name is displayed in a dark rectangular box (White text, inverted) immediately below the photo. Role and description follow in simple black text."
- Type: "2x2 Grid (Strategy/Marketing)"
Design: "Card layout. Four large dark gray rounded rectangles arranged in a 2x2 grid. Text inside is centered and white. Used for distinct strategic pillars or campaigns."
- Type: "Market Analysis (Overlay)"
Design: "Full-screen background image. A B&W city/skyscraper photo covers the slide (low contrast/faded). A large dark semi-transparent box is placed in the center containing the main insight text in white."
21. Tech Blue
シアンを基調に、上端から伸びるタブ形の見出しとコーナーの枠を使います。フラットなイラストを添えた、爽やかな説明資料向けです。
用途の目安： サービス紹介、技術解説、取り組みの紹介
YAMLを開く：Tech Blue
# presentation_design_spec_refreshing_tech.yaml
# Style: Refreshing Tech Blue
# Features: Tab-style headers, corner frames, flat illustrations, and a clean cyan palette
Overall Design Settings:
Design Theme: "Clean Corporate & Youthful Innovation"
Tone and Manner: "Trustworthy, refreshing, organized, and forward-looking"
Key Visual:
Header: "A distinctive 'Tab' shape (rounded bottom corners) extending from the top center containing the slide title."
Frame: "Thin 'L' shaped corner brackets (crop marks) at all four corners of the content area."
Illustrations: "Flat vector illustrations using a limited color palette (Cyan, Dark Blue, Orange) depicting teamwork and concepts."
Color Palette:
Base: "#FFFFFF (White)"
Main Color: "#0099CC (Cyan Blue) - Used for headers, bold text, and backgrounds."
Text Color: "#333333 (Dark Gray) - For body text."
Accent: "#FF9933 (Orange) - Used sparingly in illustrations and highlights."
Decoration: "Corner brackets in thin Cyan or White."
Typography:
Heading: "Bold Sans-serif (Gothic). Main headings are usually white inside the cyan tab or cyan text on white."
Body: "Clean, readable Sans-serif. Line spacing is comfortable."
Numbers: "Large, bold numerals for lists and chapter dividers."
Layout Variations (Catalog):
- Type: "Typographic Texture Title"
Design: "A dynamic title slide. The background is filled with a repeated, outlined typographic pattern of the main keyword (e.g., 'INTERNSHIP'). A white card with a cyan border floats in the center containing the specific title and subtitle. A pixel-style cursor icon adds a digital touch."
- Type: "Tab Header Standard"
Design: "The standard layout for content. A cyan tab hangs from the top center with the slide title in white. The content area is framed by thin corner brackets. Used for general text, diagrams, and mixed content."
- Type: "Full Color Chapter"
Design: "A transition slide with a solid Cyan background. A large, slightly transparent number (e.g., '01') sits in the center, with the chapter title and a subtitle in white below it. Corner brackets are white."
- Type: "Split with Vertical Divider"
Design: "Used for Mission/Vision statements. The slide is divided horizontally or vertically. A thin cyan vertical line separates the heavy heading (left) from the detailed body text (right). Keywords are highlighted in cyan."
- Type: "Illustration & List (TOC)"
Design: "Asymmetrical balance. The left side features a large, numbered list (01-05) in cyan and bold text. The right side features a flat vector illustration (e.g., people holding puzzle pieces) to visually represent collaboration."
- Type: "Three-Column Image Cards"
Design: "Used for showcasing services. Three rectangular cards arranged horizontally. Each card has a rounded image at the top with a cyan glow/border, followed by a bold cyan title and descriptive text below."
- Type: "Three-Column Iconography"
Design: "Used for project goals or skills. Similar to the image cards, but instead of photos, it uses large, clean line-art icons (in cyan) to represent abstract concepts like 'Skills', 'Teamwork', and 'Professionalism'."
- Type: "Portrait Message"
Design: "A layout for introductions. A photo of the speaker (cutout or rounded rectangle with a cyan border) is placed on the left. The name and a message title appear in bold cyan on the right, followed by the body paragraph."
- Type: "Split Feature (Mockup)"
Design: "Text on the left, visual on the right. The visual highlights a product or service using a device mockup (laptop or smartphone) displaying the interface. The text side uses the standard cyan heading."
23. Corporate
青い枠とアイソメトリックなイラストを使う「Corporate Isometric Future」。街やシステムを俯瞰するように見せる設計です。
用途の目安： DX、スマートシティ、仕組みの全体像
YAMLを開く：Corporate
# presentation_design_spec_smart_tech_blue.yaml
# Style: Corporate Isometric Future
# Features: Isometric illustrations, clean blue framing, smart city/DX motifs
Overall Design Settings:
Tone: "Trustworthy, Futuristic, Smart, Sustainable"
Color Palette:
Base: "#FFFFFF (White) for backgrounds"
Primary: "#004494 (Royal Blue) - Used for headers, borders, and main elements"
Secondary: "#E6F0FA (Light Pale Blue) - Used for table headers and subtle backgrounds"
Accent: "#FF8C00 (Vivid Orange) - Used for small highlights in illustrations and key data points"
Text: "#333333 (Dark Gray) for body text, #004494 (Blue) for headings"
Typography:
Heading: "Clean Sans-serif (e.g., Noto Sans JP Bold). Strong, confident, usually colored Blue."
Body: "Readable Sans-serif. Standard weight. Line spacing is comfortable (1.5x)."
Tag Labels: "White text inside a solid Blue rectangular box, usually placed at the top left or top center."
Common Layout Rules:
Border: "A thin, solid Blue line framing the entire slide content (creating a 'canvas' effect) is common."
Imagery: "Isometric 3D vector illustrations (depicting people, smart cities, data charts) are the signature visual element."
Structure: "Clear hierarchy with a 'Section Tag' -> 'Main Heading' -> 'Body Text' flow."
Layout Variations (Catalog):
- Type: "Philosophy/Concept Center"
Design: "Center-aligned layout. A Blue label box at the top center. Large, bold main message in the middle. Isometric illustrations (smart city, analytics) frame the text on the left and right, creating a symmetrical but dynamic look."
- Type: "Solid Blue Title"
Design: "Full background in Primary Blue. White text for the title, aligned left or center. A single, contained isometric illustration (e.g., people building an interface) placed in the bottom right corner for contrast."
- Type: "Message with Portrait"
Design: "Split layout. Left side contains the message: Blue label tag, Blue headline, and justified body text. Right side features a high-quality, square-cropped portrait of the speaker (President/Leader) with their name below."
- Type: "Network Vision Diagram"
Design: "Text on the left, diagram on the right. The diagram consists of circular nodes (white with blue borders) connected by thick blue lines to form a triangular or network shape. Isometric tiny people are interacting with the diagram (drawing, reading) to add a human touch."
- Type: "Vertical Timeline"
Design: "A thick Blue vertical line runs down the center or slightly offset. Years are displayed in large Blue numbers. Events are listed on alternating sides or one side. Isometric illustrations (books, dashboards) decorate the start and end of the timeline."
- Type: "Three-Column Photo Cards"
Design: "Used for business progress or case studies. Three vertical columns. Top: Rectangular photo (often blue-tinted tech/building stock photos). Middle: Blue ribbon title bar. Bottom: Descriptive text. Minimal spacing between columns."
- Type: "Financial Data Table"
Design: "Clean, corporate table. Header row is Light Pale Blue. Data rows are White with thin gray horizontal dividers. 'Year-over-Year' changes are clearly marked (often with +% in text). Blue label tag at the top left."
- Type: "Chart & Graph Split"
Design: "Left side: Summary table of key financial figures. Right side: Donut chart or Pie chart using shades of Blue and Gray. The layout is utilitarian and data-focused but maintains the clean blue aesthetic."
- Type: "Annual Report Cover"
Design: "Expansive layout. Huge text ('ANNUAL REPORT') on the left. A large, complex isometric city illustration (buildings, wind turbines, roads) spans the bottom right corner, bleeding off the edge. Conveying scale and future growth."
24. Structured Outline & Yellow Accent
太い角丸の枠、黒い文字、黄色のアクセントで情報を囲みます。手順書のように区切りが明確なスタイルです。
用途の目安： 操作説明、研修、手順や注意点の整理
サンプルPDFをダウンロード：Structured Outline & Yellow Accent
YAMLを開く：Structured Outline & Yellow Accent
# presentation_design_spec_structured_outline.yaml
# Style: Structured Outline & Yellow Accent
# Features: Thick rounded borders, high contrast, industrial/instructional aesthetic
Overall Design Settings:
Tone: "Trustworthy, organized, clear, and instructional (manual-style)"
Color Palette:
Base: "#FFFFFF (White background)"
Main Text: "#000000 (Jet Black)"
Frame/Border: "#1A1A1A (Thick dark gray/black for outlines)"
Accent: "#F4C430 (Signal Yellow / Mustard) - Used for buttons, highlights, and numbering"
Secondary: "#EEEEEE (Light Gray) - Used for header backgrounds"
Typography:
Heading: "Bold Sans-serif (Gothic). High impact, easily readable."
Body: "Standard Sans-serif (Gothic). Clean and legible."
Numbers: "Heavy weight, industrial style. Often accompanied by yellow circles or shadows."
Common Layout Rules:
Frame: "The content of every slide is enclosed within a thick, black, rounded rectangular border (border-radius approx 20-30px). There is significant white padding outside this border."
Navigation: "Top left contains a yellow circle with the section number (01, 02...) followed by a light gray pill-shaped bar containing the slide title."
Decoration: "Use thick black lines and yellow underlines (marker style) to emphasize key points."
Layout Variations (Catalog):
- Type: "Framed Title"
Design: "Centered layout within the black frame. A logo appears at the top. The main title is large and bold in the center. A subtitle or category is enclosed in a pill-shaped button with a yellow background and black border. Update date and presenter name are at the bottom."
- Type: "3-Column Concept"
Design: "Three vertical columns. Each column is topped with a large, stylized number (01, 02, 03) that has a yellow shadow or accent. Below the number is a bold headline with a thick yellow underline, followed by a block of descriptive text."
- Type: "KPI / Data Columns"
Design: "Three columns focused on metrics. Headers are light yellow pill shapes. Key numbers (e.g., '50 people') are very large and bold, underlined in yellow. Bullet points follow below to explain the metrics."
- Type: "Vertical Label List"
Design: "A vertical list of items. To the left of each item is a vertical pill-shaped label (light yellow background, vertical text) indicating the category (e.g., 'Target', 'Priority'). The main content consists of a bold headline with a yellow underline and a descriptive body paragraph."
- Type: "Minimal Table of Contents"
Design: "A clean, whitespace-heavy layout. A 'TABLE OF CONTENTS' pill-shaped header sits on the left. On the right, a simple numbered list (01 to 10) lists the sections vertically without clutter."
- Type: "Budget & Chart Split"
Design: "Split layout. Left side: A clean table using only horizontal black lines (no vertical grid lines) to list items and costs. Right side: A donut chart using the brand colors (Black, Gray, Light Gray, Yellow) with a clear legend."
- Type: "Process Flow"
Design: "Step-by-step diagram. Use the yellow circle numbers connected by thick black lines. Text is placed in blocks next to or below the step markers."
34. Corporate Cyber Blue
濃紺の背景に、青いグラデーションと太い白の輪郭を組み合わせます。丸みのある幾何学図形で、技術と信頼感を表現します。
用途の目安： セキュリティ、システム、企業の技術紹介
サンプルPDFをダウンロード：Corporate Cyber Blue
YAMLを開く：Corporate Cyber Blue
# presentation_design_spec_cyber_security.yaml
# Style: Corporate Cyber Blue / Tech Security
# Features: Deep navy backgrounds, rounded geometric shapes, high-contrast white outlines, and trustworthy blue gradients.
Overall Design Settings:
Tone: "Authoritative, Secure, Technological, Professional"
Design Theme: "Cyber Resilience & Corporate Trust"
Color Palette:
Background: "Deep Navy Blue (#051C40) or Gradient Blue (Dark to Light Blue)"
Text: "White (#FFFFFF) for high contrast against the dark background."
Accent: "Bright Blue (#1E5F9E) and Cyan for highlights."
Borders/Outlines: "Thick White (#FFFFFF) strokes used to frame images and content blocks."
Typography:
Heading: "Bold, Condensed Sans-Serif (e.g., Oswald, Roboto Condensed, Impact). All caps often used for main titles."
Body: "Clean, legible Sans-Serif (e.g., Arial, Roboto, Open Sans)."
Visual Motifs:
Shapes: "Heavy use of circles, concentric rings, and 'stadium' shapes (rounded rectangles)."
Framing: "Images are rarely rectangular; they are masked in circles or rounded rectangles with thick white borders."
Tech Elements: "Circuit board patterns, digital overlays, and lock icons."
Layout Variations (Catalog):
- Type: "Tech Title Ring"
Design: "A large, multi-layered circular graphic on the left containing a key icon (lock, shield) overlaid on a circuit board image. The title is large, bold, and aligned to the right or center. Use semi-circular overlay shapes in the corners."
- Type: "Circular Image Split"
Design: "Asymmetrical split. Key message/text on the left. On the right, a large photo masked into a perfect circle with a thick white border, partially bleeding off the edge. Use a gradient bar for sub-headings."
- Type: "Architecture Grid & Cards"
Design: "A mix of visual data. Left side features stacked images in 'stadium' shapes (fully rounded ends). Bottom or right side features distinct content cards with white bodies and deep blue headers (rounded tops)."
- Type: "Connected Process Flow"
Design: "Step-by-step process visualization. Three or more square containers with rounded corners and thick white outlines. They are visually connected by a 'pipe' or line running between them to indicate flow. High contrast white text on dark background."
- Type: "Trend Icons"
Design: "Horizontal arrangement of circular frames. Each circle contains an icon or photo representing a trend (e.g., AI, Ransomware) with a blue gradient rim. Text explanations are centered below each circle."
- Type: "Pillar List (Pill Shapes)"
Design: "List items are presented as horizontal 'pill' shapes (long rounded rectangles) stacked vertically. Each pill has a solid blue background with white text. To the side, circular images illustrating the pillars are arranged in an arc or cluster."
- Type: "Comparison Columns"
Design: "Two distinct columns for comparing concepts (e.g., Cybersecurity vs. Cyber Resilience). Use checkmark icons for lists. A defining image in a stadium shape (rounded rectangle) sits at the top or side to anchor the topic."
- Type: "Definition Header"
Design: "The definition or question (e.g., 'What is X?') acts as a large header. A relevant image is masked in a wide stadium shape next to it. Body text is kept clean and justified."
Points to note when applying the design:
- Contrast is Key: "Ensure all text is white or very light grey to stand out against the deep navy background."
- Round the Corners: "Avoid sharp 90-degree angles for images and content boxes. Use significant border radii to create a friendly yet modern tech feel."
- Thick Strokes: "Use thick white outlines to separate elements from the background."
35. Modern Corporate
白地、ロイヤルブルー、明確なグリッド、角の立った色面で構成します。事実やデータを順序よく示す、端正なスタイルです。
用途の目安： 業務報告、提案書、データを中心にした説明
サンプルPDFをダウンロード：Modern Corporate
YAMLを開く：Modern Corporate
# presentation_design_spec_corporate_blue.yaml
# Style: Modern Corporate / Clean Professional
# Features: Royal blue accents, structured grids, flat solid blocks, sharp geometric layout
Overall Design Settings:
Tone: "Trustworthy, Fact-based, Systematic, and Clean"
Color Palette:
Base: "#FFFFFF (White) for main backgrounds."
Main Color: "#2559BD (Royal Blue) - Used for Titles, Header Text, and Primary Data Bars."
Secondary Color: "#E0E5EB (Light Blue-Gray) - Used for comparison data bars or secondary backgrounds."
Text Color: "#333333 (Dark Grey) for body text; Royal Blue for Headings."
Accent: "White text on Blue backgrounds for emphasis blocks."
Typography:
Heading: "Strong, geometric Sans-Serif (e.g., Montserrat, Roboto). Bold weight. Left-aligned."
Body: "Clean Sans-Serif (e.g., Open Sans, Lato). Good line spacing for readability."
Common Layout Rules:
Header: "Consistent small header line: Company Name (Left) and Date (Center-Left)."
Footer: "Thin blue horizontal line spanning the width."
Shapes: "Sharp corners (no border radius). Rectangular blocks."
Imagery: "Professional photography (industrial, portraits, nature) cropped into clean rectangles."
Layout Variations (Catalog):
- Type: "Title Slide"
Design: "Minimalist. Subtle white abstract background (architectural/geometric). Huge, bold Blue centered title (e.g., 'Pitch Deck'). A thick blue underline separates the title from the whitespace below. Small contact icons in the footer."
- Type: "Asymmetric Product Split"
Design: "Three-column structure. Left column (wide): Large Title and intro text on white. Right side: A vertical stack of alternating elements—a solid Blue block with white text (Internet of Things) and a photo, then a photo and a Blue block (Smart Home). Creates a checkerboard feel on the right."
- Type: "Horizontal Bar Chart Performance"
Design: "Data visualization. Left: Horizontal bar chart. Primary data in Blue, secondary/background data in Light Gray. Right: Key metrics listed vertically. Bold Blue numbers (e.g., 34.6 M) followed by labels. Clean alignment."
- Type: "Problem Statement (Split Block)"
Design: "Two-panel split. Left (approx 65%): Solid Blue background with White text. Large 'Problem' title. Three columns of smaller text at the bottom explaining sub-points (Society, Environment, Climate). Right (approx 35%): Full-height vertical photograph (e.g., nature/ice landscape)."
- Type: "Solution Grid"
Design: "White background. Left side: 'Solution' title, a rectangular landscape photo, and a summary paragraph. Right side: A 2x2 grid of text blocks. Each block has a bold Blue header (Market, Industry, etc.) and a short paragraph. One block may be outlined in a thin blue line for emphasis."
- Type: "Line Chart Traction"
Design: "Trend analysis. Left: A multi-line chart. The primary line is Blue with point markers; the comparison line is faint Gray. Right: A vertical stack of 'Insight Cards'. Solid Blue rectangles with huge white percentages (e.g., +45%) and descriptive text next to them."
- Type: "Team Profile Grid"
Design: "Four-column layout. Square/Rectangular portrait photos. A small solid Blue tag in the top-right corner of each photo displays the Role (CEO, CFO, etc.). Name is written below in bold Blue, followed by a short bio. Minimalist and structured."
Points to note when applying the design:
- "Consistency": "Always maintain the top header (Company Name/Date) and the bottom footer line to frame the content."
- "Color Usage": "Use the Royal Blue #2559BD dominantly for hierarchy (Titles > Charts > Emphasis Blocks). Never use gradients; stick to flat, solid colors."
- "Data Visibility": "Charts should be 2D and flat. Use the Light Gray color to show 'remaining' or 'past' data to contrast with the Blue 'current' data."
タイポグラフィ・エディトリアル
05. blue-mono
コバルトブルーと白を軸に、巨大な文字やカプセル形の図形を使います。モノクロ写真と大胆な文字の配置が特徴です。
用途の目安： クリエイティブな企画、展示、ポートフォリオ
YAMLを開く：blue-mono
# 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."
06. red-mono
紙に近い薄いグレーに大きな赤い文字を配置する、雑誌のようなスタイル。細い罫線とグリッドで、強い見出しを整理します。
用途の目安： 問題提起、コンセプト発表、印象を残したい企画
YAMLを開く：red-mono
# 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."
12. yellow art
鮮やかな明るい黄色と黒、極端に大きい縦長の文字を組み合わせます。ノイズの質感と非対称のグリッドが特徴です。
用途の目安： デザイン提案、作品紹介、強いメッセージの提示
YAMLを開く：yellow art
# 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."
16. blue mono GPTS
「Modern Art Exhibition Proposal」という名前の、現代美術の展示やカタログを思わせるスタイル。大胆な文字と編集的な構成を重視します。
用途の目安： 展示企画、文化事業、クリエイティブな提案
YAMLを開く：blue mono GPTS
template_name: "Modern Art Exhibition Proposal"
version: "1.0"
brand_feel:
mood: "Bold, modern, editorial, confident"
personality: "Professional, creative, cultural"
inspiration: "Museum catalogs, modernist posters, contemporary art decks"
color_palette:
primary_blue:
hex: "#1554B0"
usage: "Backgrounds, large headings, buttons, section dividers"
off_white:
hex: "#F2F0EA"
usage: "Light backgrounds, contrast slides"
white:
hex: "#FFFFFF"
usage: "Text on blue backgrounds"
black:
hex: "#000000"
usage: "Photography only"
muted_gray:
hex: "#D9D9D9"
usage: "Image masks, subtle accents"
typography:
primary_font:
name: "Bold Grotesk / Inter / Poppins"
weight: [700, 800]
usage: "Main titles, section headers"
secondary_font:
name: "Inter / Helvetica Neue"
weight: [400, 500]
usage: "Body text, captions, labels"
letter_spacing:
headings: "-1%"
buttons: "2%"
text_transform:
buttons: "UPPERCASE"
section_labels: "UPPERCASE"
layout_principles:
grid:
columns: 12
margin: "Wide margins with strong left alignment"
alignment:
default: "Left-aligned text"
exceptions: "Centered labels inside pills"
spacing:
section_padding: "Large vertical spacing"
paragraph_spacing: "Comfortable, airy"
graphic_elements:
pills:
shape: "Fully rounded"
border:
width: 1px
color: "#FFFFFF"
fill: "Transparent or primary blue"
text_style: "Small, uppercase, bold"
slide_numbers:
shape: "Rounded capsule"
position: "Top-right"
style: "Outlined or filled pill"
image_masks:
style:
- "Rounded rectangle"
- "Organic/scalloped curves"
color_overlay: "None"
photography: "Black and white only"
imagery_style:
type: "Photography"
treatment:
color: "Black and white"
contrast: "Medium–high"
subjects:
- "Artists"
- "Speakers"
- "Painting or creative process"
composition: "Cropped portraits with strong shapes"
slide_types:
cover_slide:
background: "Off-white"
title:
size: "Extra large"
weight: 800
color: "Primary blue"
max_lines: 2
subtitle:
size: "Small"
color: "Primary blue"
uppercase: true
accent:
year_badge:
shape: "Rounded pill"
position: "Top-right"
imagery:
position: "Bottom-left or left edge"
mask: "Organic cutout"
table_of_contents:
background: "Primary blue"
title:
size: "Very large"
color: "White"
list_style:
type: "Vertical pills"
alignment: "Right side"
spacing: "Evenly distributed"
section_intro:
background: "Primary blue"
title:
size: "Very large"
color: "White"
body_text:
width: "Narrow column"
color: "White"
image:
position: "Right"
shape: "Circular or rounded"
content_with_images:
background: "Off-white"
title:
color: "Primary blue"
size: "Large"
layout:
images: "Left or center"
text: "Right column"
image_style:
mask: "Rounded or organic"
team_slide:
background: "Primary blue"
title:
color: "White"
profiles:
layout: "Three-column"
image_mask: "Organic curve"
name_style:
pill: true
color: "White"
role_style:
size: "Small"
uppercase: true
tone_of_voice:
style: "Confident, inclusive, aspirational"
sentence_length: "Short to medium"
perspective: "Collective (we, our)"
recommended_usage:
best_for:
- "Art exhibition proposals"
- "Cultural events"
- "Creative project pitches"
avoid:
- "Overloading slides with text"
- "Using colored photography"
18. Risograph Red
赤の単色表現、網点、厳密なグリッドを組み合わせます。印刷物のような手触りと、太い文字の力強さを出すスタイルです。
用途の目安： 研究紹介、イベント、グラフィックを生かした発表
YAMLを開く：Risograph Red
# presentation_design_spec_halftone_red.yaml
# Style: Swiss Halftone & Risograph Red
# Features: Monochromatic bold contrast, dot patterns (halftones), strict grid system, industrial typography
Overall Design Settings:
Tone: "Graphic, Retro-Modern, Industrial, High-Impact"
Design Theme: "Risograph Printing & Swiss Grid"
Color Palette:
Base: "#F2F0E9 (Off-white/Cream - mimics paper texture)"
Main Color: "#C92C1C (Vivid Vermilion/International Orange - mimics ink)"
Contrast: "#FFFFFF (White - used for text inside red blocks)"
Text Color: "#C92C1C (Red) or #000000 (Black for body text if readability requires)"
Visual Motifs:
- "Halftone Dots: Use varying sizes of dots to create gradients and shapes (circles, waves) instead of solid gradients."
- "Scanlines/Grid: Visible layout grids or fine lines."
- "Negative Space: Blocks of solid red contrasted with airy dot patterns."
Typography:
Heading: "Heavy Sans-Serif (Helvetica Now Display Bold, Akzidenz-Grotesk, or Impact). All Caps are preferred for main titles."
Body: "Monospaced font (Courier New, Roboto Mono) or clean Swiss Sans-Serif. Small size, structured alignment."
Caption: "Tiny, all-caps text arranged in corners or along grid lines."
Layout Variations (Catalog):
- Type: "Title & Focus"
Design: "A massive circular gradient formed by halftone dots (red on cream) dominates the center or offset side. The title consists of heavy, sans-serif ALL CAPS text centered over the pattern. Subtitles are stacked in a small block, justified left."
- Type: "Split Contrast"
Design: "50/50 vertical split. One half is solid red with white bold text (key message). The other half is an off-white background with a halftone-filtered photograph or a dot-pattern texture."
- Type: "Grid Planner Data"
Design: "A visible, thin line grid covers the slide (resembling graph paper). Data points and text blocks snap strictly to the grid squares. Large numbers are superimposed over the grid in the main red color."
- Type: "Halftone Photo Overlay"
Design: "Full-screen image treated with a duotone filter (Red and Cream only). A white text box with sharp corners sits in the bottom left or center, containing a quote or impactful statement."
- Type: "Typographic List"
Design: "No icons. Use large, bold numbers (01, 02, 03) in Red. The list items are written in a Monospaced font next to them. The design relies purely on the weight difference between the numbers and the text."
- Type: "Dot Matrix Chart"
Design: "Instead of standard bars or pies, use arrays of dots to represent data. For example, a '70%' stat is visualized by filling 70 out of 100 dots in a grid. The look resembles an LED display or print screen."
- Type: "Industrial Timeline"
Design: "A horizontal thick red line runs across the slide. Dates are stamped above the line in large bold text. Descriptions hang below the line in small monospaced text, connected by thin vertical ticks."
- Type: "Section Break (Impact)"
Design: "Solid Red background. Huge white text fills the screen from edge to edge (justified). The text is so large it creates a graphic pattern itself."
- Type: "Technical Diagram"
Design: "Wireframe style using red lines. Arrows are simple triangles. The layout looks like an architectural blueprint or a machine manual. Labels are small and precise."
- Type: "Comparison Cards"
Design: "Two or three vertical columns. The background is a faint pattern of small dots. Each column has a bold header and a solid red footer bar. It looks like a ticket or a coupon strip."
Points to note when applying the design:
- "Texture Simulation": "Avoid glossy effects or shadows. Everything should look flat and matte, like ink printed on paper."
- "Halftone Scaling": "Use the size of the dots to create visual hierarchy. Larger dots draw the eye; finer dots create background texture."
- "Strict Alignment": "Do not center align body text. Use strong left or justified alignment to maintain the 'Swiss Design' rigidity."
19. Bold Industrial
大きな文字、強い色面、粒子感のある質感、白黒写真が中心。工業的で力強い、エディトリアルな表現を狙います。
用途の目安： 企画提案、課題の提示、クリエイティブな発表
サンプルPDFをダウンロード：Bold Industrial
YAMLを開く：Bold Industrial
# presentation_design_spec_bold_editorial.yaml
# Style: Bold Industrial Editorial
# Features: Massive typography, high-contrast color blocking, grainy textures, and B&W photography.
Overall Design Settings:
Tone: "Confident, trendy, industrial, and bold."
Color Palette:
Dark Background: "#1A1A1A (Charcoal Black)"
Light Background: "#F2F2F2 (Off-White/Concrete)"
Accent Color: "#FF5722 (Vibrant Industrial Orange)"
Text Color (Dark BG): "#FFFFFF (White)"
Text Color (Light BG): "#000000 (Black)"
Typography:
Heading: "Ultra-Bold Sans-Serif (e.g., Archivo Black, Impact, Helvetica Now Display). Always Uppercase. Massive scale."
Subheading/Numbers: "Chunky Serif (e.g., Roboto Slab) or Bold Sans-Serif. Used for large numbering (01, 02)."
Body: "Clean Sans-Serif (e.g., Inter, Roboto). High readability."
Visual Elements:
Photography: "Black and White high-contrast portraits or architectural shots. No color photos unless treated with a grain effect."
Shapes: "Four-pointed stars (sparkles), diamond shapes with grainy gradients, and sharp rectangular color blocks."
Texture: "Subtle noise or grain overlays on gradient shapes to add a 'zine' or 'streetwear' feel."
Layout Variations (Catalog):
- Type: "The Massive Question"
Design: "Dark background. The title (e.g., 'WHAT IS A BRAND?') takes up the top half in massive white text. The bottom half is divided into three columns with large white numbers (01, 02, 03) and orange subtitles."
- Type: "Photo Triptych"
Design: "Three vertical black-and-white portraits arranged side-by-side with black spacing. A massive headline floats above them (e.g., 'TARGET AUDIENCE'). Captions are placed below each photo in white sans-serif."
- Type: "Split Screen Digital"
Design: "Vertical split (50/50 or 60/40). One side is a full-bleed B&W photo of an environment. The other side is solid black with large stacked text (e.g., 'DIGITAL BRANDING') at the bottom and rounded square icons (orange/white) at the top."
- Type: "Gradient Shape Cover"
Design: "Dark background. A large, grainy, diamond-shaped gradient (orange to yellow) floats on the right side. Large sans-serif text on the left. Used for title slides or separation slides."
- Type: "Horizontal Split (Equity)"
Design: "The slide is split horizontally. The top 60% is black (containing large orange numbers and white text). The bottom 40% is off-white/beige containing a massive dark grey headline (e.g., 'BRAND EQUITY') that anchors the page."
- Type: "Solid Color Statement"
Design: "Full vibrant orange background. Massive black typography ('INTRODUCTION'). A decorative serif 'Aa' or similar glyph is used as a large graphic element in the corner."
- Type: "Sparkle Divider"
Design: "Horizontal color split (White top / Orange bottom). The transition line features white four-pointed stars (sparkles) acting as dividers between columns of text. Ideal for 'Mission/Vision/Values' layouts."
- Type: "Typography Grid"
Design: "Strict grid alignment. Large numbers (01, 02, 03) in Orange are the focal points. Text is small and justified next to the numbers. Negative space is used liberally to maintain a 'premium' feel."
25. Modern Academic
クリーム色の地に深い赤、太い見出し、幾何学的な線画を組み合わせます。大学の広報物を思わせる、構造のはっきりした表現です。
用途の目安： 研究紹介、講演、教育機関の発表
サンプルPDFをダウンロード：Modern Academic
YAMLを開く：Modern Academic
# presentation_design_spec_academic_modern.yaml
# Style: Modern Academic / University Brand
# Features: Bold typography, structured grid, cream background, and geometric line art
Overall Design Settings:
Tone: "Academic, bold, structured, and modern."
Color Palette:
Base: "#FDFBF7 (Cream/Off-White)"
Main Accent: "#A30015 (Deep Burgundy/Dark Red)"
Secondary Accent: "#1A2E28 (Dark Green/Charcoal)"
Text Color: "#1A1A1A (Black/Dark Gray) for body, #A30015 for specific highlights"
Chart Color: "Dark Red lines with square markers"
Typography:
Heading: "Tall, Condensed Sans-Serif (e.g., Oswald, Bebas Neue). All caps, very large size."
Body: "Clean Sans-Serif (e.g., Lato, Roboto). Accessible and legible."
Visual Motifs:
- "Concentric circles (ripple effect) line art usually placed on the right side."
- "Three distinct dots (red) used as a design accent."
- "Solid rectangular blocks (Dark Green/Charcoal) used to underline or offset text."
- "Thick vertical red bar on the far left edge of every slide."
- "Horizontal thin red lines defining the header and footer areas."
Common Layout Rules:
Navigation: "Top navigation bar (HOME, ABOUT, RESULTS, CONCLUSION). University Logo top right."
Footer: "Website URL bottom left, Page Number bottom right."
Margins: "Structured padding. Key elements often align with the top horizontal line."
Layout Variations (Catalog):
- Type: "Title / Cover Slide"
Design: "Giant Typography Split. The title (e.g., 'THESIS DEFENSE') is split onto two lines or separated by a dark rectangular block. The text is massive, condensed, and bold. Concentric circles decorate the side."
- Type: "Two-Column Objectives"
Design: "Symmetrical split. Two columns (General Objective vs. Specific Objective). Each column has a bold header, a block of body text, and a rectangular image at the bottom."
- Type: "Introduction / Text & Box"
Design: "Asymmetrical balance. A large heading on the left. A specific text block is highlighted with a solid Dark Red background and white text. An image or illustration occupies the right side, partially cropped."
- Type: "Literature Review / Section Break"
Design: "Block Layout. Large, heavy title on the left. A solid Dark Red text box anchors the bottom left. An image is placed on the top right, creating a diagonal visual flow."
- Type: "Data Results"
Design: "Chart & Bullet Points. A line chart on the left uses a red line with large square markers. The right side contains bullet points with bold headers (e.g., 'PRESENT MAJOR FINDINGS')."
- Type: "Closing / Thank You"
Design: " typographic Centered. Massive 'THANK YOU' text spanning the center, partially intersected by vertical lines or dark blocks. Contact details (Presented By) are aligned to the bottom left."
- Type: "Quote / Statement"
Design: "Minimalist. A large text block centered or aligned left, accentuated by the 'three dots' motif and a dark green underline block."
和風・伝統美
08. ukiyoe strong
金箔、墨、朱色、屏風の枠を使った劇的な和風表現。霞の帯や鋭い線で、場面の区切りと緊張感を作ります。
用途の目安： 物語性のある発表、伝統文化、対立と変化の説明
YAMLを開く：ukiyoe strong
# 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."
09. byobu gold
金地に墨の線、緑や朱の差し色を重ねる琳派風のスタイル。金色の余白と非対称の配置を主役にします。
用途の目安： 文化紹介、工芸、視覚的な存在感を出したい企画
YAMLを開く：byobu gold
# 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."
10. ukiyoe
浮世絵の平面的な構図、太い輪郭、和紙の質感を取り入れます。波や木などの自然のモチーフと、大胆な切り取りが特徴です。
用途の目安： 日本文化、観光、物語を交えた説明
YAMLを開く：ukiyoe
# 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."
14. ukiyoe GPTS
「Edo Elegance」という名前の、落ち着きと手仕事の質感を重視する和風スタイル。優雅さと静かな余韻を持たせる設計です。
用途の目安： 文化や歴史の紹介、静かな語り口のプレゼン
YAMLを開く：ukiyoe GPTS
style_name: Edo Elegance
overall_mood:
description: >
Calm, refined, and timeless. The presentation should feel handcrafted,
graceful, and contemplative, reflecting traditional Japanese aesthetics
with subtle emotional depth.
keywords:
- elegant
- restrained
- classical
- artisanal
- poetic
color_palette:
primary_colors:
- soft ivory
- muted vermilion
- indigo black
secondary_colors:
- sage green
- warm beige
- faded gold
usage_notes: >
Colors should appear slightly desaturated and paper-like,
avoiding high contrast or modern neon tones.
typography:
heading_font:
style: serif or calligraphy-inspired
weight: medium
feeling: traditional, composed
body_font:
style: clean serif
weight: regular
feeling: readable yet classical
alignment: mostly left-aligned with generous margins
layout:
structure:
- strong vertical balance
- generous negative space
- asymmetrical but harmonious composition
margins: wide and breathable
grid_style: loose, organic, non-rigid
imagery:
preferred_style:
- illustration over photography
- hand-drawn or print-like textures
subject_focus:
- single central figure or idea
- minimal background elements
treatment:
- soft outlines
- visible texture
- no harsh shadows
decorative_elements:
allowed:
- subtle patterns (checks, florals, waves)
- thin line dividers
- traditional motifs used sparingly
avoided:
- heavy icons
- glossy effects
- excessive ornamentation
text_tone:
voice: calm and respectful
pacing: slow and deliberate
sentence_style:
- concise
- poetic where appropriate
- never aggressive or promotional
animation_and_motion:
approach: minimal
transitions:
- fade
- gentle slide
duration: slow and smooth, never abrupt
recommended_use_cases:
- cultural presentations
- art and design storytelling
- philosophy or history topics
- brand narratives emphasizing heritage
do_not:
- overcrowd slides
- use loud visual effects
- mix modern tech aesthetics with this style
17. gold byoubu GPTS
「Golden Screen Narrative」という名前の、金箔の屏風に着想を得たスタイル。非対称の構図と余白を生かし、静けさと動きを両立させます。
用途の目安： 文化紹介、物語を伝える発表、和のブランド紹介
サンプルPDFをダウンロード：gold byoubu GPTS
YAMLを開く：gold byoubu GPTS
template_name: Golden Screen Narrative
description: >
A presentation style inspired by traditional Japanese byōbu paintings,
combining gold-leaf backgrounds, organic asymmetry, and expressive motion.
The template balances stillness and energy, allowing content to breathe
while maintaining visual tension and narrative flow.
color_palette:
primary_background:
name: Gold Leaf
hex: "#D4AF37"
usage: Full-slide backgrounds and section dividers
secondary_background:
name: Aged Parchment
hex: "#E6D8A8"
usage: Content panels and subtle overlays
accent_dark:
name: Ink Black
hex: "#1C1C1C"
usage: Headings, key statements, outlines
accent_green:
name: Verdant Jade
hex: "#4F6F5E"
usage: Highlights, icons, callouts
accent_soft:
name: Sakura White
hex: "#F6F2EE"
usage: Body text and secondary elements
typography:
heading_font:
family: Serif Display
style: Elegant, high-contrast strokes
weight: Semi-bold
casing: Title Case
body_font:
family: Humanist Sans
style: Calm and readable
weight: Regular
casing: Sentence case
emphasis_font:
family: Calligraphic Serif
style: Expressive, brush-like
usage: Quotes and thematic words
layout_principles:
- Embrace asymmetry; avoid centered compositions
- Use large areas of intentional empty space (ma)
- Align text blocks to edges or natural visual breaks
- Allow imagery to bleed beyond slide boundaries
- Prefer horizontal flow over vertical stacking
imagery_style:
preferred_subjects:
- Nature motifs (branches, clouds, wind)
- Mythical or symbolic figures
- Animals in dynamic poses
treatment:
- Textured, painterly appearance
- Muted saturation with strong outlines
- Visible brush or grain detail
placement:
- Anchored to one side or corner
- Never evenly mirrored across the slide
slide_types:
title_slide:
background: Gold Leaf
title_position: Lower left or upper right
subtitle_position: Directly beneath title, smaller scale
visual_note: One dominant image element only
section_divider:
background: Minimal gold with faint texture
text_alignment: Off-center
visual_note: Use symbolic imagery instead of labels
content_slide:
background: Aged Parchment overlay on gold
text_width: Narrow column
image_ratio: Large image, small text
visual_note: Maintain calm rhythm, avoid clutter
quote_slide:
background: Gold Leaf
typography: Emphasis font for quotation
visual_note: One subtle organic motif (cloud, branch, wind)
iconography:
style: Hand-drawn or brush-inspired
stroke_weight: Variable
color: Ink Black or Verdant Jade
usage: Sparing, symbolic rather than literal
animation_guidelines:
transitions:
style: Slow fades or lateral slides
duration: Longer than default
elements:
entrance: One primary motion per slide
principle: Suggest wind or drifting movement
tone_and_voice:
emotional_quality:
- Poetic
- Timeless
- Reverent
pacing:
- Unhurried
- Deliberate
intent:
- Invite contemplation
- Convey narrative through contrast
do_not_use:
- Bright neon colors
- Dense bullet lists
- Symmetrical grids
- Fast or playful animations
- Modern glossy UI elements
32. heian
平安の絵巻をテーマに、金の霞、建築の斜めの線、伝統色を使います。画面の境界を霞でつなぎ、物語が流れる構成にします。
用途の目安： 歴史、文化、時間の流れを伝える発表
YAMLを開く：heian
# presentation_design_spec_heian_emaki.yaml
# Style: Heian Court "Miyabi" & Gold Leaf Scroll
# Features: Gold mist dividers, isometric architectural lines, rich traditional colors, and wabi-sabi textures
Overall Design Settings:
Design Theme: "Classical Narrative Scroll (Emaki)"
Tone and Manner: "Elegant, luxurious, historical, flowing, and serene"
Key Visual:
Motif: "Suyari-gasumi (trailing gold mist/clouds). These horizontal bands of gold are used to partition space, frame content, and obscure boundaries."
Decoration: "Subtle patterns of flowing water (Kanze-mizu), cherry blossom petals, bamboo blinds (Misu), and architectural diagonal lines."
Color Palette:
Base: "Japanese Washi Paper Cream (#F6F4E8) or Muted Gold (#C5A05A) texture."
Main Colors: "Vermilion (Shu-iro #C23B22), Matcha Green (Uguisu-iro #6C7A59), and Indigo (Ai-iro #2E3A53)."
Accent: "Deep Purple (Murasaki #4A2D4E) - historically symbolizing nobility."
Text: "Dark Ink Charcoal (#2B2B2B) or deep Indigo."
Typography:
Heading: "Mincho Style (Serif). Elegant, brush-stroke inspired font with high contrast."
Body: "Clean Serif or high-readability Sans-serif. Vertical writing (Tategaki) layout is preferred for key phrases if supported, otherwise horizontal with wide letter spacing."
Design Considerations:
- "The Cloud Effect": "Use the gold cloud layers not just as decoration, but as functional text containers or to mask the edges of images, creating a soft, dreamlike transition."
- "Isometric Perspective": "Mimic the 'Fukinuki Yatai' (blown-off roof) technique by using diagonal lines for grids and image placements (approx. 30-45 degree angles)."
- "Layers": "Just as the kimono (Junihitoe) has many layers, overlay elements (texture -> mist -> image -> text) to create depth."
Layout Variations (Catalog):
- Type: "Title Scroll"
Design: "A large band of gold mist flows across the top and bottom. The title is centered in the open 'paper' space, flanked by falling cherry blossom petals. A silhouette of a moon or pine tree appears in the background."
- Type: "Diagonal Split (Veranda View)"
Design: "Split the screen diagonally from top-right to bottom-left using a wooden architectural beam line. The upper left contains an image (masked by clouds), and the bottom right contains text on a tatami-texture background."
- Type: "Flowing Water Timeline"
Design: "A winding stream (painted in stylized indigo lines) flows horizontally across the slide. Milestones are represented by 'rocks' or 'floating fans' in the water. The gold clouds hover above and below the stream."
- Type: "Poetry Card (Tanzaku) Lists"
Design: "Instead of bullet points, use long, narrow vertical rectangles (Tanzaku strips) hanging from a bamboo branch or willow. Each strip contains a key point or data item."
- Type: "Screen Partition (Comparison)"
Design: "A folding screen (Byobu) aesthetic. The slide is zig-zagged vertically into panels. The left panels represent 'Past/Problem' (muted colors), and the right panels represent 'Future/Solution' (bright Vermilion and Gold)."
- Type: "Junihitoe Layered Chart"
Design: "Stacked area charts or bar charts that resemble the layered collars of the Heian court kimono. Colors transition from dark to light (e.g., Deep Purple -> Lavender -> White) to show volume or growth."
- Type: "Dialogue Scene"
Design: "Mimics the Tale of Genji illustrations. Two text areas are separated by a hanging bamboo blind (Misu). Speaker A is on the 'veranda' side (lighter), Speaker B is on the 'indoor' side (darker/cozier). Use crest icons (Mon) for avatars."
- Type: "Moon & Mist Focus"
Design: "Dark mode variation. A deep indigo night sky background. A large full moon provides a white circle for the main insight or percentage figure. Gold clouds float at the bottom."
- Type: "Scroll Unfurling (Process)"
Design: "A horizontal scroll illustration stretches across the screen. The 'process' steps are written horizontally inside the scroll boundaries, reading left-to-right."
- Type: "Grid with Gold Leaf"
Design: "A grid of images, but the grid lines are thick gold leaf texture. Where the lines intersect, place a small floral crest (Sakura or Chrysanthemum)."
Points to note when applying the design:
- Negative Space (Ma): "Do not crowd the slide. Leave ample 'Washi' (paper) space to let the gold clouds breathe."
- Textures: "Apply a subtle paper grain overlay to the entire slide to avoid a flat digital look."
- Soft Edges: "Avoid sharp, hard rectangles for photos. Use the cloud shapes to mask images, making them look like they are emerging from the mist."
33. butuzo
暗い背景から光が浮かぶような明暗、木目、金のアクセントが特徴。仏像や工芸を思わせる、静かで厳かな空間を作ります。
用途の目安： 工芸、文化、内省や価値観を扱うテーマ
YAMLを開く：butuzo
# presentation_design_spec_zen_sculpture.yaml
# Style: Timeless Zen / Spiritual Craftsmanship
# Features: Dramatic chiaroscuro lighting, textured gold accents, solemn negative space (Ma)
Overall Design Settings:
Tone: "Meditative, museum-quality, solemn, and sophisticated"
Key Visual:
Motif: "Light emerging from darkness, lotus petals, halos (nimbus), and wood grain textures."
Decoration: "Subtle gold leaf textures, fine vertical lines reminiscent of temple pillars, and soft spotlight effects."
Color Palette:
Base: "Deep Charcoal (#1A1A1A) or Dark Temple Wood Brown (#2B221E)."
Text Color: "Parchment White (#F2F0E6) or Muted Silver."
Accent: "Antique Gold (#C5A059) - Use sparingly for key numbers and lines."
Highlight: "Warm Light (#FFE5B4) - Used to simulate candlelight or spotlighting."
Typography:
Heading: "Elegant Serif (e.g., Cinzel, Bodoni, or a Mincho style). Majestic and tall."
Body: "Clean, geometric Sans-Serif with wide letter spacing (tracking) to ensure breathability."
Common Layout Rules:
Margins: "Extremely wide margins to represent 'Ma' (Japanese concept of negative space)."
Alignment: "Center alignment for titles to evoke symmetry and divinity; asymmetrical balance for content."
Layout Variations (Catalog):
- Type: "Title: The Revelation"
Design: "A completely black background. The title appears in the center in Antique Gold, illuminated by a faint, soft spotlight from above. It mimics the face of a statue emerging from the dark."
- Type: "Text + Image: Chiaroscuro Split"
Design: "A 50:50 vertical split. One side is a full-bleed black-and-white photo of a texture (wood or stone) with high contrast. The other side is a deep charcoal background with white serif text, elegantly vertically centered."
- Type: "Concept: The Halo (Enso)"
Design: "A large, faint golden circle (halo) occupies the background. Key concepts or keywords are placed in the center of the halo. The design suggests unity and enlightenment."
- Type: "Timeline: The Scroll"
Design: "A vertical timeline running down the center or far right. The line is textured like a weathered rope or incense trail. Years are written in gold serif font, with events branching off softly."
- Type: "Data: Gold Leaf Bars"
Design: "Bar charts where the bars look like strips of gold leaf applied to a dark lacquer surface. No grid lines; just the gold bars against the darkness. Values are placed at the top of the bars in small, distinct text."
- Type: "Quote: The Sutra"
Design: "Vertical writing orientation (if possible) or very narrow column width centered on the page. The text is large and poetic. A faint watermark of a lotus flower is behind the text."
- Type: "Gallery Grid"
Design: "Images are arranged in a strict grid but framed with thick dark borders, looking like museum niches. Each image has a small, quiet caption underneath in gray."
- Type: "Process: Mudra Steps"
Design: "Steps are represented by hand gestures (abstract icons or photos of hands/mudras). Connectors are thin, elegant golden threads. The flow is calm and linear."
- Type: "Comparison: Shadow & Light"
Design: "The screen is diagonally divided. The top left is light (parchment color) with dark text, representing the 'visible/known.' The bottom right is dark (charcoal) with light text, representing the 'hidden/insight.'"
- Type: "Ending: The Afterimage"
Design: "A minimalistic slide with a small logo or final message at the very bottom center. The rest of the slide is a gradient fading into total blackness, leaving a lingering impression of silence."
Points to note when applying the design:
- Lighting Control: "Treat every slide as if you are lighting a physical object. Use gradients to create depth and shadows."
- Texture over Color: "Instead of using many colors, differentiate elements using textures (matte vs. glossy, wood vs. gold)."
- Silence: "Do not crowd the slide. The empty space is as important as the content. Let the content 'breathe' like a statue in a quiet hall."
サイバー・テクノロジー
04. cyberpunk neon
黒や暗い紫の背景にネオンのグラデーションとワイヤーフレームを重ねます。未来的な空間やデジタル技術を強く印象づける設計です。
用途の目安： AI、ゲーム、メタバースの紹介
YAMLを開く：cyberpunk neon
# presentation_design_spec_cyberpunk_neon.yaml
# Style: Cyberpunk Neon Tech
# Features: Dark mode, neon gradients, wireframe geometry, and futuristic typography
Overall Design Settings:
Tone: "Futuristic, immersive, high-contrast, and technological"
Visual Motif: "Cybersecurity, AI, Gaming, Metaverse"
Color Palette:
Background: "#050505 (Deep Black) or #120A18 (Dark Void Purple)"
Primary Text: "#FFFFFF (White) - High contrast"
Accent A (Magenta): "#D05CE3 to #FF00FF (Neon Pink/Purple)"
Accent B (Cyan): "#00FFFF to #00BFFF (Electric Blue)"
Container Backgrounds: "#2A0E36 (Dark Plum) or #D05CE3 (Solid Neon Purple for emphasis)"
Typography:
Heading: "Futuristic/Sci-Fi Sans-serif (e.g., Orbitron, BankGothic, Russo One). Wide spacing, uppercase, geometric."
Body: "Clean Geometric Sans-serif (e.g., Montserrat, Roboto). High readability to balance the intense headers."
Common Layout Rules:
Decorations: "Faint wireframe polygon meshes in corners (spiderweb effect). Glowing neon rings or lines."
Contrast: "Extremely high contrast. Text is almost always white against black or bright neon backgrounds."
Imagery: "3D renders, abstract tech tunnels, AI robots, metallic textures."
Layout Variations (Catalog):
- Type: "Neon Title Hero"
Design: "Cinematic opening. A large glowing neon circle or triangle in the center. The title uses a tall, condensed font with a 'glow' effect (outer glow). Subtitles overlap slightly with the main visual. Background includes a subtle tiled texture."
Reference: "Based on the 'Future Christmas' image."
- Type: "Solid Card Grid"
Design: "4-column layout. Each item is a card divided vertically: Top half is a dark, high-tech image (circuit boards, robots); Bottom half is a solid block of Neon Purple/Pink containing the title and body text in white. The cards 'pop' against the black background."
Reference: "Based on the 'Limitations of Traditional Security' image."
- Type: "Horizontal Split & Dark Container"
Design: "Top section: A wide image on the left (tech tunnel) with a massive, wide-font slogan on the right. Bottom section: A semi-transparent dark purple container holding 3 columns of text (numbered 01, 02, 03). The numbers are in thin neon outlines."
Reference: "Based on the 'Fostering a Culture' image."
- Type: "Wireframe Network"
Design: "Background features a large, faint polygon mesh connecting dots (constellation style) spanning the whole slide. Key points are highlighted with glowing nodes. Text is placed in floating 'glassmorphism' dark panels."
- Type: "Glitch Data Chart"
Design: "Bar charts or line graphs use neon gradients (Cyan to Purple). The axis lines are white and slightly thick. Add a subtle 'glitch' effect or scanlines to the bars to emphasize the digital nature."
- Type: "Cyber Process Steps"
Design: "Arrow shapes are sharp and angular, not soft. They look like HUD (Heads-Up Display) elements. Background is black; arrows are outlined in Neon Blue. Step numbers are large and digital (01, 02, 03)."
- Type: "Code Terminal List"
Design: "Monospaced font used for a list on the left. The right side features a QR code or a data visualization block. The aesthetic mimics a hacker's terminal or a command prompt."
- Type: "Glowing Quote"
Design: "Center alignment. The quote is enclosed in large, thick decorative quote marks that are colored with a horizontal gradient (Pink to Blue). The text is white and bold."
Points to note when applying the design:
- "Glow Effects": "Use outer glow effects on main titles to simulate neon signage."
- "Readability": "While the headers are decorative, ensure body text remains standard sans-serif. Do not use the sci-fi font for long paragraphs."
- "Images": "Select images that feel 'synthetic' or 'engineered'—abstract 3D shapes, tunnels, lights, and metal surfaces work best. Avoid natural, warm, or rustic photography."
07. cyberpunk purple-black
黒・紫・シアンを使い、画面の分割、グリッチ、輪郭だけの文字を組み合わせます。ストリート感のあるサイバー表現です。
用途の目安： デジタルカルチャー、ゲーム、未来像の提案
サンプルPDFをダウンロード：cyberpunk purple-black
YAMLを開く：cyberpunk purple-black
# 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."
38. Cybernetic Future
暗い背景に回路の線、光るノード、六角形、ホログラム風のUIを配置します。AIやサイバー技術を連想させるスタイルです。
用途の目安： AI、セキュリティ、システム構成の紹介
サンプルPDFをダウンロード：Cybernetic Future
YAMLを開く：Cybernetic Future
# presentation_design_spec_future_tech.yaml
# Style: Cybernetic Future / AI Tech
# Features: Dark mode, neon gradients, circuit board motifs, and holographic UI elements
Overall Design Settings:
Design Theme: "Futuristic Intelligence & Cyber-Security"
Tone and Manner: "Innovative, authoritative, high-tech, and sleek."
Key Visual:
Motif: "Circuit board traces (lines ending in dots), glowing nodes, and hexagonal data clusters."
Decoration: "Subtle tech overlays (HUD elements), gradient mesh overlays on photos, and digital noise textures."
Color Palette:
Base: "Deep Void Navy (#020E22) or Dark Midnight Blue."
Main Text: "White (#FFFFFF) for high contrast."
Accent: "Neon Cyan / Electric Teal (#00E5FF) - Used for titles, buttons, and glow effects."
Secondary Accent: "Deep Blue Gradient (fading from Cyan to transparent)."
Typography:
Heading: "Bold, modern Sans-Serif (e.g., Montserrat, Roboto, or Orbitron). High impact, sometimes with a slight glow."
Body: "Clean, legible Sans-Serif. Light weight to contrast with heavy headers."
Highlight: "Cyan text for key terms or 'Presented By' labels."
Design Considerations:
- "Tech Glow": "Use outer glows on key elements (buttons, icons) to simulate a screen or holographic projection."
- "Circuit Margins": "Frame the content using thin decorative lines that resemble printed circuit boards (PCB) on the edges of the slide."
- "Visual Consistency": "Photos should have a blue/teal duotone or overlay to blend seamlessly into the dark background."
Layout Variations (Catalog):
- Type: "Split Title Hero"
Design: "50:50 Split. Left side contains the massive Title (Cyan) and 'Presented By' pill-shaped badge. Right side features a high-tech photo (e.g., hand touching AI chip) with a heavy teal color overlay. A sharp vertical line separates the two zones."
- Type: "Holographic Feature List"
Design: "Image on the left (e.g., hand interacting with floating interface). Right side features a list of clickable-style buttons. The buttons are pill-shaped (rounded rectangles) with a dark-to-cyan gradient border and background, containing icons and white text."
- Type: "Connected Timeline"
Design: "Horizontal process flow. Distinct stages (Beginnings, Present, Future) are contained in long, connected pill-shaped containers. Arrows drop down from these headers to text blocks below. The background features faint gear or network illustrations."
- Type: "HUD Data Grid"
Design: "Used for 'Challenges' or 'Key Points'. Content is organized into a 2x2 grid of wide, rounded rectangular cards. Each card has a glowing cyan outline or gradient stroke. Icons (arrows or chevrons) are placed on the left side of each card to guide the eye."
- Type: "Tech Benefit Showcase"
Design: "Image on the right (e.g., person viewing a data screen). Left side features a large title followed by 'Cyber Buttons'—staggered list items inside capsule shapes with arrow icons indicating forward momentum. Use circuit lines in the bottom left corner to balance the weight."
- Type: "Robotic Conclusion"
Design: "Similar to the Title Hero. Left side says 'Thank you' in large Cyan typography with contact details. Right side features a conceptual 3D render (e.g., Robot hand holding a lightbulb) with a strong glow effect."
- Type: "Circuit Frame Content"
Design: "Standard content slide. Title top-left. The defining feature is the decorative circuit lines running down the left margin and along the top/bottom, framing the text area like a digital display."
44. TechWave
深い青の背景に、発光する青系の波や線を重ねます。流れや接続を感じさせる、技術系のビジュアルを重視します。
用途の目安： データ、ネットワーク、未来の技術の説明
YAMLを開く：TechWave
# presentation_design_spec_cyber_tech.yaml
# Style: Cyber Future / Tech Wave
# Features: Dark mode, glowing neon accents, fluid wave motifs, and high-tech textures
Overall Design Settings:
Tone: "Futuristic, energetic, academic yet modern, high-tech"
Color Palette:
Base: "#050B18 (Deep Midnight Blue/Black)"
Text Color: "#FFFFFF (Pure White) for high contrast"
Accent 1: "#3B82F6 (Electric Blue) - Main wave and branding color"
Accent 2: "#10B981 (Cyber Teal) - Secondary wave and highlight color"
Shadows: "Soft glows and drop shadows on text to create depth against dark backgrounds"
Typography:
Heading: "Bold Sans-Serif (Inter, Montserrat, or Roboto). Large, uppercase, with subtle drop shadows for a 3D effect."
Body: "Clean Sans-Serif (Open Sans or Arial). Medium weight for readability against dark textures."
Common Layout Rules:
Background Pattern: "Use a 'vortex' or 'radial' line pattern that draws the eye toward the center, combined with digital vertical bar textures (reminiscent of sound waves or data streams)."
Organic Elements: "Incorporate flowing, multi-layered 'S-curve' ribbons in the corners (top-right and bottom-left) using blue-to-teal gradients."
Alignment: "Center-heavy for titles; clean grid or split layouts for content-heavy slides."
Layout Variations (Catalog):
- Type: "Main Title Slide"
Design: "Radial light-streak background. Large, bold title in the center with a slight shadow. Subtitles and university names placed at the top and bottom center in smaller, clean fonts."
- Type: "Overview / Table of Contents"
Design: "Grid layout using thin vertical separators. Organize sections into three columns. Use uppercase headers. Place a large 'OVERVIEW' watermark-style title at the bottom left, partially overlapping the wave motif."
- Type: "Standard Content (Text Heavy)"
Design: "Title positioned at the top-left in large bold font. Body text centered or left-aligned with ample line spacing. Background features the signature wave motif in the bottom right and top right corners to frame the text."
- Type: "Section Break (Introduction Style)"
Design: "Focused layout. Large centered title in the upper half. Body text or summary paragraph centered below it. Symmetrical wave motifs at the top corners to create a 'curtain' effect."
- Type: "Data Analysis / Chart"
Design: "Left-side contains a line chart with neon-colored data points (Blue, Cyan, Teal). Right-side contains a brief text explanation. Use a background with subtle horizontal data lines to enhance the 'tech' feel."
- Type: "Implementation Flow"
Design: "Linear process flow using glowing lines. Icons or step numbers are encased in soft-glow circles. Uses the teal-to-blue gradient to show progression."
- Type: "Comparison (Problem vs. Solution)"
Design: "Split-screen layout. Left side uses a darker navy tone for 'Problem'; right side uses a slightly brighter teal-tinted background for 'Solution'. Linked by a central glowing divider."
- Type: "Closing / Q&A"
Design: "Minimalist version of the title slide. Large 'THANK YOU' or 'Q&A' in the center. Contact information and social handles placed in the bottom center using the secondary accent color (Teal)."
Points to Note:
- "Glow Effects": "Apply a subtle outer glow to primary headings to make them 'pop' against the dark background."
- "Depth": "Use overlapping wave layers with varying opacities (60%, 80%, 100%) to create a sense of motion and 3D space."
- "Contrast": "Ensure all body text remains pure white or very light gray; avoid using dark blues for text as they will disappear into the background pattern."
ポップ・レトロ
02. Digital Pop
アメーバのような図形にピンク・シアン・パープルを組み合わせます。ドットや手書き風の線で、情報量の多い内容にも親しみやすさを加えます。
用途の目安： コミュニティ紹介、ワークショップ、身近なテーマの解説
YAMLを開く：Digital Pop
# presentation_design_spec_digital_pop.yaml
# Style: Digital Pop / Vitamin Pop / Digital Neo
# Features: Organic shapes, bright colors, and a friendly social-media-inspired aesthetic
Overall Design Settings:
Design Theme: "Digital Pop & Academic"
Tone and Manner: "Contemporary, fluid, approachable, and information-rich"
Key Visual:
Motif: "Organic shapes resembling amoebas or clouds. Arrange them irregularly around the four corners of the slide, with parts extending beyond the edges."
Decorations: "Dot patterns, hand-drawn emphasis lines, and social-media-icon-inspired embellishments."
Color Palette:
Base: "White (#FFFFFF) or a light gray dotted background."
Main Colors: "Vivid pink, cyan, and purple, reminiscent of neon signs."
Accent: "Black for text and borders, providing contrast and structure against the bright colors."
Chart Colors: "Gradient-filled bars, such as green transitioning to yellow."
Typography:
Headings: "Bold sans-serif type with strong visual impact. Outlined lettering with a white fill and black border may also be used."
Body: "Highly legible sans-serif type."
Numbers: "Use large Latin-script typefaces to emphasize data, especially percentages."
Design Application Guidelines:
- Organic Shapes: "Use abundant hand-drawn, irregular lines and shapes, rather than relying only on rectangles and perfect circles, to express the fluid nature of a community."
- Icons: "Prioritize approachability by using playful illustrations or abstract avatar icons, such as shapes with eyes, instead of portrait photographs."
- Information Contrast: "Create a clear contrast between text-heavy pages and visually focused pages."
Layout Variations (Catalog):
- Type: "Title Composition"
Design: "Place an organic object, such as a cloud or speech bubble, in the center and set the title inside it. Scatter small stars and sparkling decorations around it."
- Type: "Text + Data Pop"
Design: "Split the slide into left and right sections. Place text on the left and a colorful donut chart on the right, using vivid pink, cyan, and purple reminiscent of neon signs. Emphasize numbers at an oversized scale for strong impact."
- Type: "Organic Timeline"
Design: "Use a winding vertical line resembling a plant stem. Place leaf- or bud-shaped icons at growth milestones and add the corresponding years."
- Type: "Bubble Cluster"
Design: "Arrange overlapping circles like soap bubbles. Use translucent colors to express soft boundaries and blending. Add a dotted background for a playful impression."
- Type: "Social Media Chat"
Design: "Arrange conversational text using icons and speech bubbles inside a smartphone-like frame. Highlight important statements or insights with bold type or marker-like lines. Represent participants with color-coded, amoeba-shaped icons."
- Type: "Concept Equation / Flow Diagram"
Design: "Illustrate equations such as 'Enthusiasm x Empathy' with hand-drawn lines and icons that look as though they were made with crayons or markers. Use arrows and hand-drawn decorations to make formal theories feel approachable."
- Type: "Colorful Steps"
Design: "Write step names inside thick arrows flowing from left to right. Give each step a different bright color, such as cyan, purple, and pink, to visualize progressive change."
- Type: "Lollipop Chart"
Design: "Use lollipop-shaped bars with circles at their tips, or rounded bars, instead of conventional bar charts. Place categories or genre names on the horizontal axis and represent values with vertical bars. Assign colors by category and arrange the bars in stacked or grouped form. Overlay a line representing a rate to create a combination chart."
- Type: "Sticker Grid"
Design: "Arrange slightly tilted square cards so that they look attached with masking tape, creating the impression of a collection of sticky notes or stickers."
- Type: "Character Ending"
Design: "Place a cloud- or amoeba-like character in the center. Arrange social media icons in circular frames and add contact information."
Additional Design Application Guidelines:
- Organic Shapes: "Use abundant hand-drawn, irregular lines and shapes, rather than relying only on rectangles and perfect circles, to express the fluid nature of a community."
- Icons: "Layer cutouts of monochrome portrait or landscape photographs with playful illustrations, abstract avatar icons such as shapes with eyes, and amoeba-like shapes in vivid pink, cyan, and purple. Prioritize approachability."
- Information Contrast: "Create a clear contrast between text-heavy pages and visually focused pages."
13. retro pop pink
パステルピンクにステッカー、コラージュ、アナログ機器のモチーフを重ねます。スクラップブックのような賑やかな表現です。
用途の目安： 活動紹介、カルチャー、カジュアルな自己紹介
YAMLを開く：retro pop pink
# presentation_design_spec_retropop.yaml
# Style: Retro-Pop Collage Portfolio
# Features: Sticker aesthetics, pastel pink blocks, bold typography, and analog tech motifs
Overall Design Settings:
Tone: "Creative, bold, Gen-Z retro, and energetic"
Design Theme: "Y2K Scrapbook & Digital Collage"
Color Palette:
Base Background: "Pastel Pink (#E59FB8) for content slides OR Grayscale Photos for divider slides."
Text Color: "White (#FFFFFF) on pink backgrounds. Pastel Pink (#E59FB8) on dark/photo backgrounds."
Accent: "White outlines (Sticker effect) and Black (#000000) for shadows or fine details."
Typography:
Heading: "Heavy, chunky Sans-Serif (e.g., Impact, Montserrat Black, Futura Extra Bold). All Caps. Tightly spaced."
Body: "Clean, geometric Sans-Serif (e.g., Poppins or Helvetica). Medium weight."
Visual Signature:
- "Sticker Effect": Cut-out objects (vintage cameras, cassettes, headphones, megaphones) with a thick white stroke/border.
- "Photo Treatment": Portraits and background textures are strictly Black & White (Grayscale).
- "Shapes": Rounded rectangles for image frames and text containers. Pill-shaped borders for dates/years.
- "Texture": Subtle film grain or dust overlay on solid colors to avoid looking too flat.
Layout Variations (Catalog):
- Type: "Cinematic Title"
Design: "Full-screen Black & White background photo (street style or portrait). Massive, edge-to-edge Pastel Pink typography centered on top. Small presenter details in the corners."
- Type: "Profile & Intro"
Design: "Solid Pastel Pink background. A large Black & White portrait in a rounded square frame on the left. Huge white typography ('HELLO! MY NAME IS...') on the right. A 'sticker' element (e.g., cassette tape) tilted in the corner."
- Type: "Card Overlay (TOC/Section)"
Design: "Background is a dimmed Black & White photo. A large Pastel Pink rounded card floats in the center/left, containing the text content. Decorative sticker (e.g., polaroid camera) overlapping the edge of the pink card."
- Type: "Timeline / Experience"
Design: "Solid Pink background or Pink Card. Years are enclosed in white pill-shaped borders. Role titles in bold uppercase. Description below. A 3-column horizontal layout or a vertical staggered layout. Decorate with a 'tech' sticker (headphones/projector)."
- Type: "Visual List / Skills"
Design: "Pink container. Right side features a stack of small rounded-rectangle thumbnails (photos). Left side features a giant title and a decorative sticker (e.g., megaphone) suggesting 'announcement' or 'loudness'."
- Type: "Grid Gallery"
Design: "Solid Pink background. A massive title in the top left. A structured 2x3 or 3x3 grid of square photos on the right. Photos should be high-contrast, lifestyle shots (coffee, workspaces). Text descriptions are minimal and aligned to the left."
- Type: "Education / Asymmetrical"
Design: "Solid Pink background. A central or off-center B&W image in a rounded frame. Text elements (Year + School Name) are scattered or aligned to one side, balancing the image. A 'cinema/projection' sticker element adds theme."
Points to note when applying the design:
- "Sticker Placement": Place the cut-out objects (stickers) so they slightly overlap photos or text boxes to create depth.
- "Contrast is Key": Always maintain the separation between the Pink graphical elements and the Black & White photographic elements.
- "Bold Headlines": Headlines should be large enough to be considered graphic elements themselves, not just text.
27. Psychedelic
1960年代のロックポスターを思わせる、うねる文字と鮮やかな補色の組み合わせ。曲線や装飾で画面を密に構成します。
用途の目安： 音楽、アート、実験的な企画
YAMLを開く：Psychedelic
# presentation_design_spec_psychedelic_rock.yaml
# Style: San Francisco Psychedelic / Fillmore West Era
# Features: Liquid typography, vibrating complementary colors, Art Nouveau revival, organic flowing lines
Overall Design Settings:
Tone: "Surreal, Hallucinogenic, Retro-Cool, Artistic, Bold"
Design Theme: "1960s Counter-Culture Poster Art"
Color Palette:
Concept: "Vibrating Colors (Simultaneous Contrast). High-saturation complementary pairs that create a visual 'vibration'."
Base: "Deep Black (#000000) or Cream (#FDF5E6) for vintage paper texture."
Primary Pairs (Pick one per section):
- "Electric Purple & Sunset Orange (from Jefferson Airplane reference)"
- "Hot Pink & Teal/Slate (from Grateful Dead reference)"
- "Acid Yellow & Black/Grey (from Buffalo Springfield reference)"
- "Royal Blue & Neon Orange (from Yardbirds reference)"
Accent: "Thick black outlines to contain the vibrant colors."
Typography:
Heading: "Psychedelic Display Font (e.g., Mojo, Arnold Bocklin, Wes Wilson style). Text should feel like it is melting, warping, or fitting into organic shapes. Use 'Bulging' or 'Warp' effects."
Body: "Bold, Condensed Sans-Serif (e.g., Franklin Gothic or Futura). Keep body text legible to contrast with the chaotic headers."
Styling: "Text blocks should fill the negative space completely (Horror Vacui). Curvaceous text baselines."
Visual Motifs:
- "Flowing Hair": Hair strands transforming into text or patterns.
- "Art Nouveau Borders": Complex, floral, or geometric frames.
- "Symmetry vs. Asymmetry": Kaleidoscope effects or strict profile views.
- "Organic Forms": Peacocks, female profiles, disembodied hands, liquid blobs.
Layout Variations (Catalog):
- Type: "The Profile Title"
Design: "A large side-profile illustration of a face (woman or mystic figure) occupies the center or side. The 'Hair' of the figure flows out to become the background pattern, and the Main Title text is fitted inside the curves of the hair. Use high-contrast duotone colors (e.g., Pink face, Teal hair)."
- Type: "Liquid Text Column"
Design: "Text is not arranged in straight rectangles but in 'melting' columns that widen at the bottom and narrow at the top (or vice versa), mimicking a lava lamp. Use this for bullet points, fitting them into undulating vertical shapes."
- Type: "The Peacock Chart"
Design: "Used for radial data or pie charts. A stylized peacock or sun motif in the center. The 'feathers' or rays extend outward, each representing a data point. The size of the feather corresponds to the data value. Intense Blue and Orange contrast."
- Type: "Vibrating Split"
Design: "Vertical split screen. Left side is a solid vivid color (e.g., Neon Yellow), Right side is black. The text on the left is black; the text on the right is Neon Yellow. A curvy, organic line acts as the divider, not a straight line."
- Type: "Frame & Fill"
Design: "A heavy, ornamental Art Nouveau border surrounds the slide. The content inside is centered. The corners of the frame contain small motifs like flowers or psychedelic swirls."
- Type: "Spiral Timeline"
Design: "Instead of a linear timeline, use a spiral or a winding 'Yellow Brick Road' path that recedes into a vanishing point. Text follows the curve of the path. Ideal for showing a 'Trip' or 'Journey'."
- Type: "Mosaic Gallery"
Design: "Images are not squares but organic shapes (blobs or teardrops) that fit together like a stained-glass window or puzzle. Thick black borders separate the images."
- Type: "The Hand of Fate"
Design: "Stylized, long-fingered hands (referencing the Jefferson Airplane poster) holding a sphere or an orb. The key insight or core message is placed inside the orb."
- Type: "Warped Quote"
Design: "The background is a repeating pattern of wavy lines (Op Art). The quote is placed in the center inside a 'bubble' shape that distorts the background pattern behind it."
- Type: "Typography Weave"
Design: "For single heavy keywords. The letters are stretched vertically and interlocked, creating a dense block where the letters essentially become the texture of the slide. Legibility is secondary to artistic impact."
Implementation Tips:
- "Negative Space": "Minimize it. In this style, empty space is usually filled with patterns, swirls, or noise."
- "Text Fitting": "Don't just place text *on* a background; fit the text *into* the shape of the background elements."
- "Texture": "Apply a subtle film grain or paper texture overlay to the final slides to mimic the screen-printed poster look."
28. Retro Jukebox
ジュークボックスを思わせるアーチ、機械的なディテール、レトロな鮮やかな色が特徴。Psychedelicとは別のスタイルとして掲載しています。
用途の目安： 音楽、レトロな世界観、楽しいサービス紹介
元の資料ではPsychedelicの項目内にあった定義ですが、YAMLのスタイル名に合わせて独立させています。
YAMLを開く：Retro Jukebox
# presentation_design_spec_retro_jukebox.yaml
# Style: Retro Jukebox / Streamline Deco
# Features: Art Deco arches, vibrant vintage colors, mechanical details, and musical motifs
Overall Design Settings:
Tone: "Nostalgic, rhythmic, vibrant, and mechanical"
Design Theme: "1950s Futurism & Jukebox Aesthetics"
Color Palette:
Base: "#FDF5E6 (Vintage Cream/Old Lace) - Main background"
Primary: "#D9381E (Cadillac Red) - Headers and main containers"
Secondary: "#2A9D8F (Teal/Turquoise) - Accents and secondary backgrounds"
Accent: "#E9C46A (Brass/Gold) - Highlights, borders, and circular elements"
Text Color: "#264653 (Dark Teal/Charcoal) - High readability against cream"
Typography:
Heading: "Geometric Art Deco (e.g., Brandon Grotesque, Century Gothic). Uppercase, widely spaced."
Body: "Clean Rounded Sans-serif. Approachable but structured."
Decorative: "Neon-style script for special emphasis or 'stamps'."
Common Layout Rules:
Borders: "Use double lines (thick + thin) to mimic chrome plating."
Shapes: "Heavily use arches (tombstone shapes) and perfect circles (records/dials)."
Background Texture: "Subtle noise or vertical pinstripes to mimic speaker grilles."
Layout Variations (Catalog):
- Type: "The Arch Title"
Design: "A large 'tombstone' arch frame centered on the page (Red fill). The title sits inside the arch in Gold or White. The background outside the arch features floating music notes and abstract geometric confetti."
- Type: "Song Strip List"
Design: "Content is arranged in rectangular horizontal strips, mimicking the song selection labels on a jukebox. Each strip has a Red or Teal left edge and a Cream body. Numbering simulates 'A1, B1' selection buttons."
- Type: "Vinyl Record Split"
Design: "50:50 layout. One half features a large, spinning vinyl record illustration (Black/Gold) used as a frame for an image or main topic. The other half contains the explanatory text aligned to the curve of the record."
- Type: "Chrome Grille Data"
Design: "Bar charts are styled to look like equalizer levels or mechanical heater grilles. Bars are horizontal with rounded ends, using the Teal to Red gradient. Background has faint horizontal lines."
- Type: "Dial Dashboard"
Design: "Used for 3-4 key statistics. Data is presented inside circular chrome-rimmed gauges or speedometers. The needle indicates the percentage/value."
- Type: "Neon Quote"
Design: "Dark Red background. The quote is displayed in a glowing, neon-style script font (Light Cyan or Gold). Surrounded by faint electrical arcs or starbursts."
- Type: "Coin Slot Process"
Design: "A vertical timeline. The top is a 'Coin Slot' icon. The timeline path flows downward through mechanical gears or pins (like a pachinko/pinball machine). Each step is a lit-up bumper."
- Type: "Fan Deck Gallery"
Design: "Images are arranged in a fan shape (semicircle) radiating from the bottom center, similar to the decorative glass on the jukebox header. Hovering/Active image pops forward."
Design Considerations:
- "Mechanical Sheen": "Add subtle white gradients/glare to borders to simulate polished chrome or plastic."
- "Musical Flow": "Use floating quarter notes and treble clefs as subtle background patterns to guide the eye."
- "Retro-Futurism": "Combine vintage shapes with crisp, modern alignment. Avoid making it look 'dirty' or 'distressed'—it should look like a brand new machine from 1950."
29. Vintage Americana
1950年代のダイナーや映画を思わせる色、ネオン、クロームの質感を使います。クラシックカーやレコードなどのモチーフが似合う設計です。
用途の目安： カルチャー、イベント、懐かしさを生かした企画
サンプルPDFをダウンロード：Vintage Americana
YAMLを開く：Vintage Americana
# presentation_design_spec_vintage_americana.yaml
# Style: Vintage Americana / 50s Diner Pop
# Features: Bold retro colors, neon accents, chrome textures, and nostalgic cinema vibes.
Overall Design Settings:
Tone: "Nostalgic, High-Energy, Cinematic, and Bold"
Key Visuals:
Motifs: "Classic cars, chrome details, neon tubes, stars and stripes, vinyl records, palm trees, and pin-up art styling."
Textures: "Subtle film grain, halftone dots (comic book style), worn paper, and glossy metallic reflections."
Color Palette:
Base: "Cream/Off-White (#FDFDD0) for daylight slides OR Deep Asphalt/Night Blue (#1A1A2E) for night/neon slides."
Primary Red: "Candy Apple Red (#E30022) - derived from the car and lipstick."
Primary Blue: "Denim/Navy Blue (#1C39BB) - derived from the flag."
Accent 1: "Neon Orange/Sunset (#FF6B35) - derived from the background lighting."
Accent 2: "Chrome Silver (Gradient #E0E0E0 to #FFFFFF) - used for borders and dividers."
Text Color: "Dark Navy or Black for light backgrounds; White or Neon Cyan for dark backgrounds."
Typography:
Heading: "Retro Script (e.g., Lobster, Pacifico) for flair OR Bold Slab Serif (e.g., Bebas Neue) for impact. Resembles diner signage or movie posters."
Body: "Geometric Sans-Serif (e.g., Futura) or Typewriter style (e.g., Courier) for a documented feel."
Design Considerations:
- "Retro-Futurism": "Combine vintage aesthetics with modern layout precision. Don't make it look 'old', make it look 'classic'."
- "Lighting": "Use outer glows on text to simulate neon signs, especially on dark backgrounds."
- "Framing": "Use thick borders, sometimes with rounded corners to mimic TV screens of the era or Polaroid frames."
Layout Variations (Catalog):
- Type: "Cinematic Title"
Design: "Full-screen visual (like the classic car). The title is centered in a large, neon-style script font with a glow effect. Subtitle uses a spaced-out sans-serif (tracking 200+)."
- Type: "Diner Menu List"
Design: "A layout resembling a vintage diner menu. The background is cream. Items are listed in a single column with dotted leader lines connecting to the 'price' or 'value' on the right. Use a checkerboard pattern strip on the side."
- Type: "Dashboard Gauges (Data)"
Design: "Data visualization designed to look like a car dashboard. Donut charts resemble speedometers (chrome rim, red needle). Percentages are displayed in a digital-retro font in the center."
- Type: "Postcard Split"
Design: "50:50 Split. One side features a photo with a white border and a 'Greetings from...' style stamp. The other side contains explanatory text in a typewriter font, tilted slightly like a written note."
- Type: "Neon Sign Quotes"
Design: "Dark brick or dark palm background. The key message is written in a 'neon tube' font. Different words use different neon colors (Pink, Blue, Orange) to create visual hierarchy."
- Type: "Vinyl Record Timeline"
Design: "A timeline appearing as a stack of vinyl records or a jukebox song list. Each 'track' represents a milestone year. Selected track is highlighted in Red."
- Type: "Stars & Stripes Grid"
Design: "A grid of images or icons. The background features a very faint, oversized star pattern (watermark). Images are framed in thick white borders with drop shadows."
- Type: "Road Trip Map"
Design: "A winding road graphic (Route 66 style) travels across the slide. Stops along the road contain icons or text bubbles. The line is dashed/yellow."
- Type: "Chrome Header Column"
Design: "Three columns of text. The headers are enclosed in a pill-shaped container with a metallic silver/chrome gradient effect. The body text is clean and black on a cream background."
- Type: "Drive-In Movie Screen"
Design: "A trapezoidal shape representing a movie screen takes up the top 70% of the slide (for video or main image). The bottom 30% is a dark parking lot silhouette with text overlays."
30. Retro-Future
古いSF雑誌やポスターを思わせる、かすれた紙と平面的なイラストの組み合わせ。冒険的な雰囲気と大胆な文字を使います。
用途の目安： 未来予測、宇宙、技術と物語を組み合わせた発表
YAMLを開く：Retro-Future
# presentation_design_spec_retro_scifi.yaml
# Style: Retro-Futurist Space Pulp
# Features: Mid-century modern aesthetics, worn paper textures, bold typography, and flat vector art
Overall Design Settings:
Theme: "Vintage Sci-Fi Propaganda & 60s Minimalist Art"
Tone: "Adventurous, Bold, Nostalgic, Graphic"
Visual Texture:
- "Apply a subtle 'worn paper' or 'grunge' overlay to backgrounds to mimic old posters."
- "Use 'offset printing' effects (slight misalignment of color layers) for a vintage print look."
Color Palette:
Background:
- "#F2E8D5 (Aged Parchment/Cream) - Main background"
- "#1A1A24 (Deep Space Black/Blue) - For high-contrast slides"
- "#D95E38 (Rust Orange) - For 'Alert' or emphasis backgrounds"
Accents:
- "#3B7A8C (Retro Teal/Starship Hull)"
- "#D9A404 (Mustard Gold/Command Yellow)"
- "#BC3E3E (Faded Signal Red)"
Text:
- "#111111 (Off-Black) for light backgrounds"
- "#F2E8D5 (Cream) for dark backgrounds"
Typography:
Heading:
- "Tall, condensed Sans-Serif font (reminiscent of 'League Gothic' or 'Impact')."
- "Often displayed in ALL CAPS."
- "Can be warped, angled, or given a drop shadow to mimic 60s movie poster titles."
Body:
- "Geometric Sans-Serif (like 'Futura' or 'Avenir'). Clean, mid-century modern style."
Decorative:
- "Use stenciled numbers for data or section headers (e.g., 'SECTOR 01')."
Common Layout Rules:
- "Use bold, flat geometric shapes (circles, triangles, sweeping curves) to frame content."
- "Text often follows the curve of a planet or the angle of a starship."
- "incorporate 'starburst' shapes and four-pointed stars as bullet points or dividers."
Layout Variations (Catalog):
- Type: "The Propaganda Title"
Design: "A massive, central graphic of a subject (like a ship or product) viewed from a dramatic low angle. The title text is huge, blocky, and positioned at the top or bottom, spanning the full width. Background features a large planet horizon curve."
- Type: "Orbiting Data (Chart)"
Design: "Instead of standard pie charts, use 'Planetary Rings'. The data segments are rings around a central planet icon. Labels float in space connected by thin, dashed orbit lines."
- Type: "The Manifesto (Quote)"
Design: "Solid Rust Orange or Deep Space Blue background. The quote is written in large, cream-colored condensed capital letters. The text block is slightly tilted (skewed) to suggest motion and urgency. A silhouette of a hand or ship breaks the text frame."
- Type: "Sensor Grid (Table/List)"
Design: "A background grid pattern (like a radar screen). List items are enclosed in rounded rectangles resembling retro computer punch cards or control panel buttons. Use a 'target crosshair' graphic to highlight the active point."
- Type: "Warp Speed Timeline"
Design: "A diagonal timeline sweeping from bottom-left to top-right, mimicking a starship's contrail. Milestones are marked by stars or planets along the path. The years are written in large stencil fonts."
- Type: "Sector Map (Geography)"
Design: "A minimalist star chart. Locations are connected by thin white trajectory lines. The background is a grainy dark texture. 'Unexplored' areas have a halftone pattern overlay."
- Type: "Crew Manifest (Team)"
Design: "Vertical strips/columns. Each team member's photo is treated with a high-contrast, two-tone filter (e.g., Black & Teal or Black & Gold). Their name and rank/role are written below in a bold, military-stencil style."
- Type: "Mission Objective (Bulleted List)"
Design: "A split screen. One side features a large, flat-vector silhouette (e.g., a phaser, a communicator, or a stylized icon of the topic). The other side contains the list, using four-pointed retro stars as bullet points."
- Type: "Red Alert (Problem/Crisis)"
Design: "Background is jaggedly split between Red and Black. Large, alarmist typography. Use a 'distressed' texture heavily here to simulate a damaged signal or emergency broadcast."
- Type: "The Final Frontier (Conclusion)"
Design: "A vast, empty space background with a small, solitary ship heading away into the distance. Contact info is minimal, centered at the bottom in a small, tracking-code font style."
31. Retro Sci-Fi Swarm
くすんだ1960年代風の色、紙の質感、円の繰り返しが特徴。レトロな未来感を、シンプルな図形で表現します。
用途の目安： 群れやネットワークの説明、遊び心のある技術紹介
サンプルPDFをダウンロード：Retro Sci-Fi Swarm
YAMLを開く：Retro Sci-Fi Swarm
# presentation_design_spec_retro_swarm.yaml
# Style: Retro Sci-Fi Swarm
# Features: Vintage paper texture, muted 60s color palette, circular repetition, and flat vector minimalism
Overall Design Settings:
Tone: "Playful, nostalgic, abundant, and organic retro-futurism"
Background Texture: "Off-white/Beige worn paper texture (#F2F0E6) with subtle grain or noise."
Color Palette:
Base: "#F2F0E6 (Cream/Paper)"
Text: "#5C2E1A (Dark Rust/Brown) or #2F3E46 (Dark Slate)"
Multi-Color Accents (The Swarm):
- "#D89C3A (Mustard Yellow)"
- "#C05638 (Rust Orange)"
- "#7DA3A1 (Muted Teal)"
- "#4A6C77 (Slate Blue)"
- "#8C9C4A (Olive Green)"
- "#A65E44 (Terracotta)"
Typography:
Heading: "Quirky, flared Serif font (reminiscent of 'Caslon Antique' or 70s fantasy book covers). High character."
Body: "Geometric Sans-Serif (Futura or Avenir). Clean, mid-century modern feel."
Visual Motifs:
- "Clusters of circles (bubbles/fuzz) cascading from the top or corners."
- "Flat, minimal vector illustrations (silhouettes of ships, tools, or machinery)."
- "Dotted lines and retro-tech beams."
Layout Variations (Catalog):
- Type: "The Avalanche Title"
Design: "A massive cluster of multi-colored circles (the 'swarm') pours down from the top edge, taking up the upper 50% of the slide. The title is placed at the bottom in a large, quirky serif font, anchored by a small minimal icon (like a spaceship or telescope) pointing upwards at the swarm."
- Type: "Scattered Bubble Chart"
Design: "Data visualization using packed circles. Instead of standard bars, use distinct colored circles of varying sizes to represent volume or quantity. The circles should look organic and slightly clustered, like they are multiplying."
- Type: "The Beam Process"
Design: "A flat vector object (e.g., a device, hand, or ship) sits in the bottom left. It shoots a dotted or solid colored 'beam' diagonally across the slide. Key process steps appear as colored nodes along this beam."
- Type: "Textural Quote"
Design: "Minimalist. The background is purely the textured paper. The quote is centered in large, dark rust-colored serif text. Surround the text with just 2-3 stray colored circles floating nearby, implying a looming presence."
- Type: "Accumulation List"
Design: "A list where bullet points are replaced by large colored dots. As the list goes down, the dots get more numerous (1 dot for item 1, 2 for item 2, a pile for item 3), visually representing growth or escalation."
- Type: "Split: Order vs. Chaos"
Design: "Vertical split. The left side is clean, white space with structured text (The Plan). The right side is invaded by the multi-colored circle pattern (The Reality/The Trouble). Use this to show challenges or market saturation."
- Type: "Retro Monitor Frame"
Design: "Place content inside a rounded rectangle shape with a thick colored border, mimicking a retro TV or dataslate screen. Use the 'Slate Blue' as the background for the screen area, with white text inside."
- Type: "Falling Timeline"
Design: "Instead of a horizontal line, the timeline flows vertically from top to bottom like falling rain. Years/Milestones are circles dropping down, with text floating beside them. The newest date is at the bottom, accumulating in a pile."
- Type: "Minimal Icon Focus"
Design: "A single, large, flat-color vector icon in the center (e.g., a gear, a planet, a product). A 'cloud' of small colored dots rises from behind it like exhaust or aura. High negative space."
- Type: "Ending / Swarm Takeover"
Design: "The entire background is filled with the multi-colored circle pattern (no negative space). A white text box is placed in the center overlaying the pattern, containing contact info or 'The End'."
Design Considerations:
- "Quantity as Visual": "Use the repetition of shapes to imply scale, volume, or overwhelming data."
- "Retro Flatness": "Do not use drop shadows or gradients on the objects. Keep the illustrations flat. Use the paper texture background to provide the depth."
- "Color Distribution": "Ensure the colors are mixed randomly in the clusters—avoid grouping all blues together. It should look like a bag of mixed candy."
黒板・雑誌・新聞・漫画
22. Blackboard
黒板の質感、チョークの線、手描きイラスト、ポラロイド風の写真枠を組み合わせます。教室のような温かい雰囲気を作ります。
用途の目安： 勉強会、授業、入門的な説明
YAMLを開く：Blackboard
# presentation_design_spec_blackboard.yaml
# Style: Nostalgic Classroom / Blackboard Style
# Features: Blackboard texture, chalk-style hand-drawn illustrations, polaroid frames, and a warm, friendly atmosphere.
Overall Design Settings:
Tone: "Friendly, nostalgic, educational, warm, and approachable."
Design Theme: "School Classroom & Chalk Art"
Color Palette:
Background: "#2F5D40 (Deep Green Blackboard Texture)"
Text Color: "#FFFFFF (White Chalk)"
Accent Colors:
- "#F4E04D (Yellow Chalk - for highlights)"
- "#87CEEB (Light Blue Chalk - for sky/water)"
- "#FFB7C5 (Pink/Red Chalk - for emphasis)"
Texture overlay: "Subtle dust/chalk texture to simulate a real blackboard surface."
Typography:
Heading: "Handwritten or Chalk-style font (e.g., Chalkboard SE, Marker Felt, Klee One). White, slightly roughened edges."
Body: "Rounded, legible handwritten style font. Looks like it was written carefully with chalk."
Decorations: "Underlines drawn with the side of a piece of chalk (thick, textured lines)."
Visual Elements:
- "Polaroid Frames": Photos are never placed directly; they are always inside a white border with a thicker bottom margin (Polaroid style), sometimes tilted slightly as if taped or pinned.
- "Chalk Icons": Hand-drawn, outline-style icons (globes, books, pencils, lightbulbs, musical notes, paper airplanes).
- "Rough Backgrounds": Text is sometimes placed over a rough, white 'painted' or 'smeared' chalk background strip for contrast.
- "Eraser/Chalk ledge": A blackboard eraser and chalk ledge are visible at the very bottom of the slide to ground the design.
Layout Variations (Catalog):
- Type: "Main Title with Icons"
Design: "Centered layout. The main title is white and large. Surrounding the title are chalk-drawn icons relevant to the topic (books, magnifying glasses). A thick, rough white brush stroke may sit behind the subtitle."
- Type: "Polaroid Profile (Self Intro)"
Design: "Asymmetrical. A large Polaroid-style photo is placed on the left, slightly tilted. Next to it, handwritten name and introduction text. Decorative icons (like musical notes or sparkles) float around the text."
- Type: "Chalk Circle Timeline"
Design: "Process flow. Four rough, filled-in white chalk circles are arranged horizontally, connected by a thin line. Text is inside the circles. Years are written below. Science/Atom icons decorate the top corners."
- Type: "Three-Photo Gallery (Hobbies)"
Design: "Three Polaroid photos arranged horizontally in the center. They are tilted at alternating angles to look casual. A handwritten caption is written on the white border of each photo. Stationery icons (pencils, lightbulbs) are drawn above."
- Type: "Text & Illustration Split (Origin)"
Design: "A single large Polaroid photo on the left. On the right, a descriptive paragraph in a handwritten font. A chalk-drawn paper airplane flies from the text area towards the top right."
- Type: "Q&A / Ending"
Design: "Minimalist centering. 'Thank You' or 'Question Time' written in large, friendly English and Japanese text. Large, rough chalk illustrations (Question marks or Globes) flank the text."
- Type: "Icon Scatter Title"
Design: "The title is in the center, large and bold. Surrounding it is a ring of various school-related items (ruler, scissors, globe, notes) drawn in colored chalk, creating a lively, 'first day of school' vibe."
- Type: "Food/Item Highlight"
Design: "A specific item (like sweets) is showcased in a Polaroid on the left. The right side contains a bulleted list or short sentences asking for recommendations. A small fruit illustration (like an apple) sits in the top right corner."
Points to note when applying the design:
- "Imperfect Lines": Avoid perfectly straight lines. Boxes and underlines should look hand-drawn.
- "White Space": Don't clutter the board. Leave enough green space to let the texture show through.
- "Softness": Use rounded corners for everything. No sharp, corporate edges.
36. Japanese Weekly Tabloid
週刊誌の中吊り広告を思わせる、縦書き、大きな見出し、切り抜き写真、密な情報配置。賑やかさと強い訴求を重視します。
用途の目安： イベント紹介、企画の導入、話題を並べる表現
サンプルPDFをダウンロード：Japanese Weekly Tabloid
YAMLを開く：Japanese Weekly Tabloid
# presentation_design_spec_tabloid_jp.yaml
# Style: Japanese Weekly Tabloid (Shukanshi/Nakazuri)
# Features: Maximalism, vertical typography, sensational headlines, dense grids
Overall Design Settings:
Design Theme: "Sensationalist Press & High-Density Information"
Tone and Manner: "Urgent, scandalous, bold, chaotic, and impactful."
Key Visual:
Motif: "Paper texture, cut-out photographs (heads/figures with backgrounds removed), and heavy borders."
Decoration: "Text with heavy outlines (strokes), emphasis dots (bouten) next to characters, and vertical dividing lines."
Color Palette:
Base: "White (#FFFFFF) or Newsprint Yellow (#FFFEE0)."
Main Colors: "Standard Red (#FF0000) for primary headlines, Deep Blue (#003399) for secondary scoops."
Text Color: "Jet Black (#000000) for main text. White text on Red/Blue backgrounds."
Accent: "Bright Yellow (#FFFF00) used as a highlighter background behind black text."
Typography:
Heading: "Extra-Bold Mincho (Serif) for dramatic/scandalous effect. Extra-Bold Gothic (Sans-Serif) for impact. **Crucial:** Use heavy outlines (white text with black stroke, or black text with white stroke)."
Body: "Condensed Gothic font. Often arranged vertically (Tategaki style)."
Sizes: "extreme contrast. Keywords are massive; particles and conjunctions are tiny."
Common Layout Rules:
Grid: "Vertical column grid. The page is sliced into vertical strips of varying widths."
Margins: "Zero margins (Horror Vacui). Fill every pixel with information."
Text alignment: "Justified. Text should form solid blocks (bricks) of content."
Layout Variations (Catalog):
- Type: "The Masthead (Title Slide)"
Design: "A massive, bold logo at the bottom center or side (e.g., 'WEEKLY PROJECT'). The rest of the slide is filled with 'headlines' describing the presentation contents. The main title is red, vertical, and takes up 30% of the width."
- Type: "The Scoop (Key Message)"
Design: "A solid background (Red or Blue). Giant white text with a black drop shadow. The text is vertical. A cut-out photo of the presenter or subject matter is placed in the corner, overlapping the text."
- Type: "Vertical Strip List (Agenda)"
Design: "The slide is divided into 4-5 vertical columns by thick black lines. Each column contains a headline (agenda item) running vertically. Use alternating background colors (White vs. Light Gray) for each column."
- Type: "Cut-Out VS (Comparison)"
Design: "Split screen. Left side is Blue, Right side is Red. A lightning bolt graphic separates the center. Cut-out images of two opposing concepts (or people) face each other. Large 'VS' typography in the center."
- Type: "Scandal Text Block (Details)"
Design: "A dense block of text wrapped around a small image. The headline uses 'Bagamoji' style (text inside a warped, explosion-shaped outline). Important keywords in the paragraph are highlighted in yellow or red ink."
- Type: "Evidence Photo (Chart/Graph)"
Design: "The chart is treated like a paparazzi photo. It has a white polaroid-style frame or is taped onto the slide. A red circle (hand-drawn style) highlights the key data point. A caption box with a black background and white text explains the 'shocking truth' of the data."
- Type: "Anonymous Quote (Testimonial)"
Design: "A black bar covers the eyes of a silhouette figure (optional). The quote is written in large, rough Serif font, looking like a blurred newspaper print. 'Confidential' or 'Exclusive' stamps in red."
- Type: "The 'Bag' (Conclusion)"
Design: "Modeled after the 'Fukuro-toji' (sealed section) of a magazine. A graphic distinct line that says 'Open Here' or 'The Truth Revealed'. The final conclusion is written inside a jagged explosion shape."
Points to note when applying the design:
- "Vertical Illusion": "Even if actual vertical text is difficult, stack horizontal words vertically or use narrow text boxes to simulate the Japanese vertical reading flow."
- "Information Density": "Do not leave white space. If there is empty space, fill it with a sub-headline, a catchy phrase, or a 'Coming Soon' box."
- "Hierarchy": "Size matters. The most important word must be 5x larger than the rest of the sentence."
37. Japanese Weekly Tabloid 2
週刊誌風の別バリエーション。縦書き、衝突するような強い色、はっきりした囲みで、ニュースの見出しのように情報を並べます。
用途の目安： 複数の論点の提示、エンタメ寄りの解説
サンプルPDFをダウンロード：Japanese Weekly Tabloid 2
YAMLを開く：Japanese Weekly Tabloid 2
# presentation_design_spec_tabloid_jp.yaml
# Style: Japanese Weekly Tabloid (Shukan-shi) / Sensational Scoop
# Features: Vertical typography (Tategaki), high information density, clashing colors, distinct borders
Overall Design Settings:
Tone: "Sensational, urgent, scandalous, high-impact, chaotic order"
Background Texture: "Paper texture (rough newsprint) or solid high-contrast blocks."
Color Palette:
Base: "#FFF8E7 (aged newsprint)"
Primary Red: "#C8102E (Deep 'Scoop' Red) - Background for major headlines"
Primary Blue: "#003366 (Dark Navy) - Background for serious reports"
Warning Yellow: "#FFD700 (Vivid Yellow) - Background for shock/caution"
Text Black: "#000000 (Jet Black) - Main body text"
Text White: "#FFFFFF (White) - Headlines on colored backgrounds"
Typography:
Headline Style:
- "Must be VERTICAL (Tategaki) whenever possible."
- "Extremely bold Mincho (Serif) or Heavy Gothic (Sans-serif)."
- "Mandatory text effects: Thick white outlines (strokes) on black text, or drop shadows."
- "Condensed fonts to pack more characters into narrow vertical columns."
Body Style:
- "Dense Gothic font. Tight line spacing."
Key Phrases:
- "Enclose in jagged explosion shapes or heavy rectangular borders."
Common Layout Rules:
Grid: "Bento-box style. Divide the slide into clear rectangular sections using thick black or gold borders."
Density: "Zero whitespace policy. Fill every corner with text, sub-headlines, or decorative frames."
Text Direction: "Primary Headlines = Vertical (Top to Bottom, Right to Left). Explanatory text = Horizontal."
Layout Variations (Catalog):
- Type: "The Top Scoop (Vertical Headline)"
Design: "A massive vertical headline takes up the right 30% of the screen (Red background, White/Yellow text). The remaining space contains a controversial photo with a smaller horizontal explanation. The text must look like a newspaper hanging banner."
- Type: "Contrast Battle (Split Screen)"
Design: "Vertical split. Left side is Blue (Sadness/Negative), Right side is Red (Joy/Positive). Use cutout faces with exaggerated expressions. Large vertical text runs down the center or sides comparing the two opposing facts."
- Type: "The 'Bag-toji' (Sealed Page) Reveal"
Design: "Simulate a page being torn open or a 'peeking' effect. The background is a warning pattern (black and yellow stripes). The central content is a 'Secret Table' revealing hidden data. Use a stamp graphic that says 'CONFIDENTIAL' or 'SCOOP'."
- Type: "Vertical List of Scandals"
Design: "The screen is divided into 4-5 narrow vertical columns (strips). Each strip has a different background color (alternating red, white, yellow). Long vertical headlines run down each strip. This mimics the hanging advertisements found in Japanese trains."
- Type: "Impact Burst (Jagged Bubble)"
Design: "A large, jagged explosion shape (yellow with black border) dominates the center. Inside is a short, shocking statement in heavy black typography. Arrows point from the burst to smaller photos arranged around the perimeter."
- Type: "Witness Testimony (Cutout)"
Design: "A black rectangular box background. A cutout of a person's head (black and white or high contrast) is placed in the corner. A white speech bubble with vertical text contains their 'shocking testimony'."
- Type: "The Magnifying Glass"
Design: "A zoomed-in circle highlights a specific part of a photo (e.g., the eyes or mouth). A dotted line connects the zoomed circle to a detailed explanation box. The explanation box uses a table format with thick borders."
- Type: "Complex Flowchart of Truth"
Design: "Not a corporate flowchart. Use thick, hand-drawn style arrows (black or red) connecting photos of people or items. It visually represents a 'relationship chart' (Soukanzu) often found in gossip magazines."
Execution Instructions for Generator:
1. "Ignore standard margins. Push content to the very edges."
2. "When writing headlines, force line breaks after every few characters to simulate vertical stacking if true vertical text isn't possible."
3. "Use high-contrast outlines on all large text (e.g., Red text with White border)."
4. "Do not use subtle gradients. Use solid, flat colors."
40. High-Impact
青・赤・白、太い縁取り文字、斜めの構図、切り抜き写真を使います。テレビのバラエティ番組や動画サムネイルのような力強さが特徴です。
用途の目安： 入門解説、イベント、要点を強く示す導入
YAMLを開く：High-Impact
# presentation_design_spec_viral_variety_jp.yaml
# Style: Viral Variety / High-Impact Edu-tainment
# Features: Thick outlined text, primary colors (Blue/Red/White), slanted composition, and cutout photography.
Overall Design Settings:
Tone: "Energetic, Persuasive, Authoritative, and 'Click-worthy'"
Design Theme: "YouTube Thumbnail / Japanese Variety Show Style"
Color Palette:
Background: "Deep Blue (#0055AA) or White with subtle geometric texture."
Text Base: "White (#FFFFFF) with heavy Drop Shadow or Blue Border."
Main Accent: "Vivid Red (#EE0000) - Used for 'secrets', 'bans', or emphasis."
Highlight: "Warning Yellow (#FFD700) - Used for underlines or background strips."
Text Outline: "Dark Blue (#002244) or White - Crucial for the 'sticker' text effect."
Typography:
Heading: "Ultra-Bold Sans-Serif / Japanese Gothic (e.g., Impact, Noto Sans JP Black). Must use heavy strokes (outlines) around text."
Body: "Bold Gothic. High readability. Avoid serif fonts entirely."
Emphasis: "Vary font sizes drastically within a single sentence. Key words should be 2x-3x larger than particles."
Visual Elements:
- "Cutouts": Use photos of people (speakers) with the background removed, placed on the edge of the slide.
- "Slanted Lines": Use diagonal backgrounds or strips to create a sense of speed and dynamism.
- "3D Text": Text should look like it pops off the screen (using shadows or 3D extrusion effects).
Layout Variations (Catalog):
- Type: "The Thumbnail Title"
Design: "Asymmetrical split. A cutout of the speaker on the right (looking confident). The left side is filled with massive, stacked text. Key words (e.g., 'Secret', 'Technique') are in Red with White outlines. Background uses a subtle diamond/grid pattern."
- Type: "The 'Secret' Reveal"
Design: "Center alignment. A solid Blue or Red background. The 'Answer' or 'Secret' is written in huge White text with a jagged 'explosion' shape behind it. Resembles a TV show reveal screen."
- Type: "3-Point Check"
Design: "Panel style. Three large rectangular panels (White) arranged horizontally or vertically on a Blue background. Each panel has a massive number (01, 02, 03) in Yellow and a bold headline. Looks like flip-cards."
- Type: "Before vs After"
Design: "Split screen. The 'Bad/Before' side is grayscale or dark blue with a 'rainy' icon. The 'Good/After' side is bright (White/Yellow) with a 'sun/sparkle' icon. A lightning bolt or 'VS' graphic separates them."
- Type: "Golden Rules List"
Design: "List format. Instead of bullets, use Gold or Red ribbon graphics for the headers. The text is White on a dark background, highly legible. Use 'Checkmark' icons heavily."
- Type: "Data Impact"
Design: "Single massive number. A graph that is simplified to just an upward arrow (Red) and a huge percentage (e.g., '120% UP'). The background is white, the arrow has a drop shadow."
- Type: "Warning / Taboo"
Design: "Caution style. Black and Yellow diagonal stripes on the top and bottom edges. The center text explains a common mistake or 'Taboo' to avoid. Uses a 'Ban' symbol (circle with line through it)."
- Type: "Step Flow"
Design: "Chevrons. Large arrow shapes connecting from left to right. Each arrow contains a step. High contrast colors (Blue -> Cyan -> White)."
- Type: "Conversation / Q&A"
Design: "Chat style. The speaker's face icon is on the left with a speech bubble. The 'Question' is in a smaller bubble, and the 'Answer' is in a large, explosive speech bubble with red text."
- Type: "Call to Action"
Design: "Finger Pointing. A photo of the speaker pointing directly at a QR code or a URL. Large text says 'Register Now!' or 'Details Here!' in Yellow with a Red outline."
Points to note when applying the design:
- "Stroke is King": Almost all large headings should have a white or black border (stroke) to make them readable against any background.
- "Density": It is okay to be visually loud, but keep the text short and punchy. Avoid long paragraphs; use bullet points or 'burst' text.
- "Keyword Sizing": Do not keep all text the same size. Make the most important word in the headline significantly larger than the rest.
41. Shock
大きな縁取り文字に集中線、爆発形の図形、感情の強い写真を組み合わせます。驚きや勢いを前面に出すスタイルです。
用途の目安： エンタメ企画、意外な結果の紹介、短い導入
YAMLを開く：Shock
# presentation_design_spec_youtube_shock_jp.yaml
# Style: High-Impact Variety / YouTube Shock
# Features: Oversized typography with strokes, manga effect lines, primary colors, emotional impact
Overall Design Settings:
Tone: "Sensational, Urgent, High-Energy, Entertainment-focused, 'Clickbait' style"
Key Visual:
Motif: "Shocked facial expressions (cutouts), concentrated speed lines (sunburst effects), and explosion shapes."
Decoration: "Heavy outlines (strokes) around text, jagged speech bubbles, and 'Warning' tape motifs."
Color Palette:
Base: "#FFFFFF (White) or Textured Paper background"
Main Text: "#FF0000 (Vivid Red) and #FFFFFF (White) - Always use contrasting strokes."
Background Accent: "#0033CC (Royal Blue) - Used for speed lines or side banners."
Highlight: "#FFFF00 (Bright Yellow) - Used for text on blue backgrounds."
Text Stroke: "Must use thick white borders for red text, or red/black borders for white text to ensure readability."
Typography:
Heading: "Ultra-Bold Gothic/Sans-Serif (e.g., Noto Sans JP Black, Impact). Characters should be tightly spaced (kerning)."
Body: "Bold Gothic. Legibility is priority over elegance."
Effect: "Text often rotated slightly, scaled non-uniformly to fill space, or given a 3D drop shadow."
Layout Variations (Catalog):
- Type: "Thumbnail Impact Title"
Design: "Center the speaker (with an exaggerated expression) in the middle. Surround them with massive red and white text. Use a blue 'sunburst' background effect to draw the eye to the center."
- Type: "Vertical Banner Split"
Design: "Main content on the left (75%). On the right (25%), create a solid blue vertical sidebar containing large, yellow, vertical Japanese text (Tategaki) that summarizes the main takeaway (e.g., 'SHOCKING TRUTH')."
- Type: "The 'NG' (No Good) Warning"
Design: "Used for pointing out mistakes. Large grayscale photo in the background. A massive red 'X' or the text 'NG' stamped over it. The corrective text is shown in large yellow letters with a black outline."
- Type: "VS (Versus) Battle"
Design: "Split screen diagonally or vertically. Left side is blue (Old/Bad way), Right side is Red (New/Good way). A lightning bolt graphic separates the two. Use fire or explosion effects on the winning side."
- Type: "Three Big Secrets"
Design: "Three large columns. The numbers '1', '2', '3' are enormous, gold or yellow, with heavy metallic bevels. The text below is short, punchy, and bold."
- Type: "Manga Speech Bubble"
Design: "A spiked, explosive speech bubble (shouting style) takes up the top half. Inside is a crucial quote or question. The bottom half contains the detailed answer in a high-contrast box."
- Type: "Before/After Shock"
Design: "Left side: Desaturated, sad image with small text (Before). Right side: Oversaturated, happy image with an explosion background and massive red text (After). An arrow connects them."
- Type: "Keyword Scatter"
Design: "No grid. Key phrases are tilted at random angles (15 degrees, -10 degrees) and scattered around the slide like stickers. Each word has a thick white outline and a drop shadow."
- Type: "Checklist of Doom"
Design: "A list of negative traits. Instead of bullet points, use 'Skull' icons or 'Blue faced' icons. The background is dark or purple to signify a 'negative example' slide."
- Type: "Golden Rule Conclusion"
Design: "Background is gold or bright yellow sunburst. The final conclusion is written in black text with a white glow, centered, occupying 80% of the screen. Resembles a jackpot win screen."
Points to note when applying the design:
- "Stroke is Mandatory": "Plain text is forbidden. Almost all large text must have a thick white or black outline (stroke) to pop against the busy background."
- "Emotion First": "Use photos of people showing strong emotions (surprise, anger, joy) rather than generic stock photos."
- "Fill the Space": "Do not leave white space (negative space). Fill empty areas with effect lines, particles, or larger text. This is 'maximalism'."
42. Japanese Newspaper
新聞の段組み、太い見出し、細かな文字、インクの質感を取り入れます。複数の話題を紙面のように整理するスタイルです。
用途の目安： 時系列の整理、活動報告、ニュース形式の紹介
サンプルPDFをダウンロード：Japanese Newspaper
YAMLを開く：Japanese Newspaper
# presentation_design_spec_classic_newspaper_jp.yaml
# Style: Classic Japanese Newspaper (Shimbun)
# Features: Multi-column grids, dense typography, bold headlines, and ink-texture aesthetics
Overall Design Settings:
Tone: "Authoritative, informative, urgent, and historical"
Design Theme: "The Daily Press / Shimbun Layout"
Color Palette:
Base: "#F4F4F0 (Newsprint White) or #EFEFEF (Light Gray)"
Text: "#1A1A1A (Ink Black) and #333333 (Charcoal)"
Accent: "#CC0000 (Breaking News Red) or #003366 (Weather Map Blue)"
Lines: "#000000 (Solid black divider lines)"
Typography:
Heading: "Heavy Mincho (Serif) or Extra Bold Gothic. Mimics newspaper mastheads."
Body: "Mincho (Serif) for readability, resembling standard print columns."
Captions: "Small Gothic font, tight tracking."
Common Layout Rules:
Grid: "Strict multi-column layout (3 to 5 columns). Vertical lines separating sections."
Borders: "Use box borders to enclose distinct topics (resembling 'Kakomi' articles)."
Orientation: "While slides are horizontal, simulate vertical text flow using narrow vertical text blocks or actual vertical writing (Tategaki) for titles."
Layout Variations (Catalog):
- Type: "The Front Page (Title Slide)"
Design: "Massive masthead style. Place the title in Extra Bold Gothic at the very top or right side (vertical). The background uses a paper texture. A 'Breaking News' date stamp is placed in the corner."
- Type: "The Scoop (Photo Focus)"
Design: "Photojournalism style. A large, grainy or halftone-effect photograph occupies the top 70% of the slide. A bold, serif headline sits below it, followed by a tight 3-column summary of the 'incident' or topic."
- Type: "Editorial Column (Text Heavy)"
Design: "Resembles 'Tensei Jingo' or editorial columns. Text is contained within a bordered box. Use a light background color (pale cream) inside the box to distinguish it from the rest of the page. High text density."
- Type: "Market Data (Chart Grid)"
Design: "Financial page aesthetic. Multiple small line charts and bar graphs arranged in a tight grid. No rounded corners; use sharp, precise lines. Data labels are small serif fonts. Resembles a commodity price report."
- Type: "Strategic Map"
Design: "Vintage strategy map style (referencing the WWII era image). A simple outline map with distinct black arrows indicating movement or expansion. Use rough, hand-drawn style lines for coastlines and borders."
- Type: "Interview / Profile"
Design: "Portrait layout. A black and white portrait of a person (cutout or square) is placed in the top left or center. Text wraps around the image in narrow columns. A pull quote is bolded and placed in the center of the text block."
- Type: "The Advertisement (Call to Action)"
Design: "Bottom-banner style. The main content is above, and the 'Next Steps' or 'Contact' info is placed in a distinct rectangular box at the bottom of the slide, mimicking a newspaper footer advertisement. Use bold, eye-catching typography here."
- Type: "Vertical Timeline"
Design: "Chronological list. A single vertical line runs down the slide. Events branch off to the left and right with specific dates (e.g., '1945', '2024'). The year is large and bold; the description is small and serif."
- Type: "Comparison Table"
Design: "Box score style. A dense table with visible horizontal and vertical black lines. The header row is black with white text. Used for detailed specification comparisons."
- Type: "Weather Map (Infographic)"
Design: " isobar style. Use smooth curved lines and icons (sun, clouds, rain) to represent status or mood. Represents 'Forecast' or 'Future Outlook' sections."
Design Considerations:
- "Density": "Do not be afraid of high information density. The aesthetic relies on the 'packed' feel of a newspaper."
- "Texture": "Apply a subtle noise or paper grain overlay to the entire slide to avoid a look that is too digital or clean."
- "Lines": "Use separator lines frequently. Every section should feel mechanically separated from the next."
43. Manga
漫画のコマ割り、吹き出し、墨のような線、強い白黒の対比を使います。説明を場面や会話の連続として見せる設計です。
用途の目安： 体験談、課題と解決のストーリー、会話形式の解説
YAMLを開く：Manga
# presentation_design_spec_vintage_manga.yaml
# Style: Classic Manga Narrative
# Features: Comic panel layouts, high contrast ink-style, speech bubbles, and dramatic storytelling
Overall Design Settings:
Tone: "Nostalgic, dynamic, expressive, and narrative-driven"
Design Theme: "The God of Manga / Ink & Paper"
Color Palette:
Base: "#FAFAFA (Paper White) or #FFFFFF"
Ink: "#0D0D0D (Sumi Ink Black) - Primary color for lines and text"
Shading: "#E0E0E0 (Screen tone dots) or #404040 (Dark Grey for depth)"
Accent: "#CC0000 (Stamp Red) - Use very sparingly for volume numbers or critical alerts"
Typography:
Heading: "Heavy Mincho or Antique Gothic (resembling manga title logos). Uneven, hand-drawn feel is preferred."
Body: "Rounded Gothic (Maru Gothic) - traditionally used inside speech bubbles for readability."
Sound Effects (FX): "Brush style calligraphy for decorative onomatopoeia (e.g., 'DOON', 'SHUU')."
Common Layout Rules:
Paneling: "Use thick black borders to frame content. Slides should look like a single large panel or a sequence of panels."
Margins: "Variable gutter space (white space between panels) to control reading rhythm."
Texture: "Optional subtle paper grain texture or 'speed lines' for background emphasis."
Layout Variations (Catalog):
- Type: "The Cover Art (Title Slide)"
Design: "A framed illustration style. A decorative gold or heavy black ornate frame surrounds the central image. The title is placed at the top in large, bold, logo-like typography. A red circle containing a number (e.g., '1') sits in the bottom corner."
- Type: "The Prologue (Introduction)"
Design: "Narrative box style. A rectangular box (often used for narration in manga) floats on a white background or over a faded scene. Text is vertical or justified to look like a story intro."
- Type: "4-Koma Sequence (Process/Timeline)"
Design: "Four vertical or horizontal panels of equal size. Used to explain a 4-step process (Introduction, Development, Twist, Conclusion). Number each panel clearly."
- Type: "Dialogue Session (Q&A / Dual View)"
Design: "Two characters facing each other from opposite sides of the slide. Speech bubbles stem from their mouths containing the argument (Problem) and the counter-argument (Solution). Use 'jagged' bubbles for shouting/emphasis and 'cloud' bubbles for thoughts."
- Type: "Concentration (Key Message)"
Design: "Speed lines (focus lines) converge to the center of the slide. The core message or a key number is placed in the center in bold black text, creating an effect of sudden realization or impact."
- Type: "The Flashback (Dark Mode / Negative Space)"
Design: "Black background with white text and white line art. Used for serious data, warnings, or 'past mistakes'. Gives a dramatic, cinematic feeling distinct from the usual white pages."
- Type: "Cast of Characters (Team/Organization)"
Design: "Portrait circles arranged loosely. Instead of corporate headshots, use high-contrast filters to make photos look like ink drawings. Each person has a small caption box introducing them."
- Type: "Dynamic Split (Comparison)"
Design: "A diagonal slash divides the screen. Top-left is one concept (e.g., 'Before'), Bottom-right is the other (e.g., 'After'). The dividing line is thick and jagged, distinct from a clean corporate line."
- Type: "Graph & Chart: The Ink Meter"
Design: "Hand-drawn style charts.
- Bar charts: Look like city buildings with windows.
- Line charts: Look like a character's flight path or a rope.
- Pie charts: Hand-drawn circles with 'screen tone' patterns (dots, lines, cross-hatching) filling the slices instead of colors."
- Type: "Cliffhanger (Next Steps)"
Design: "The character is walking away or looking toward the horizon. A large 'To Be Continued' or 'Next Phase' text is placed in the corner in a stylized font."
- Type: "Sound Effect Emphasis"
Design: "Minimal text. A giant visual onomatopoeia (like 'BOOM' or 'WHAM' in Japanese Katakana style) occupies the background, with the business takeaway overlaid in a white box. Used for breakthrough results."
アート・写真・ラグジュアリー
11. fantasy art
細い線画、水彩、金のアクセントを組み合わせた幻想的なスタイル。広い余白と流れるような曲線で世界観を作ります。
用途の目安： 創作、ビジョン、感情や体験を扱うテーマ
YAMLを開く：fantasy art
# 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."
26. Luxury
黒地に金色の文字を置き、セリフ体と端正な構図で格式を出します。「Legal Luxury / Dark Academia」をテーマにしたスタイルです。
用途の目安： 理念の紹介、歴史、重厚な雰囲気の提案
YAMLを開く：Luxury
# presentation_design_spec_legal_luxury.yaml
# Style: Legal Luxury / Dark Academia
# Features: Serif typography, high-contrast gold on black, formal layouts
Overall Design Settings:
Tone: "Authoritative, elegant, traditional, and sophisticated."
Color Palette:
Background: "#000000 (Deep Black)"
Primary Text (Headings): "#D4AF37 (Metallic Gold) or #F2C94C"
Secondary Text (Body): "#E5E5E5 (Off-white) or #D4AF37 (Gold for emphasis)"
Accent: "#C5A059 (Muted Gold) - Used for lines, borders, and chart elements"
Chart Colors: "Gold, White, and Light Grey bars/segments on black background"
Typography:
Heading: "Elegant Serif (e.g., Playfair Display, Bodoni). High contrast, large size."
Body: "Clean Serif or Humanist Sans-serif. Readable but formal."
Highlighting: "Use Gold text for emphasis rather than bolding alone."
Common Layout Rules:
Navigation: "Minimalist. Page numbers or section markers in gold."
Borders & Lines: "Use fine gold lines to separate content or frame images."
Imagery: "High-contrast photography with low-key lighting (chiaroscuro). Subject matter: Legal (gavels, scales), books, formal settings."
Layout Variations (Catalog):
- Type: "Title Slide (Thesis Defense)"
Design: "Asymmetrical balance. A large, dramatic photo of a statue (e.g., Lady Justice) or object on the right side. The left side features the university logo (gold line art) and a massive serif title. A pill-shaped button with a URL sits at the bottom left."
- Type: "Split Screen (Literature Review)"
Design: "50:50 Vertical Split. A sharp gold vertical line divides the screen. One side is solid black with large numbered points (1, 2) in serif font. The other side is a full-bleed photo (e.g., a gavel in motion)."
- Type: "Three-Column Concept (Research Problems)"
Design: "Icon-driven layout. Three distinct columns, each topped with a sophisticated gold line-art icon (scales, gavel, documents). The title is centered at the top. Text is center-aligned below each icon."
- Type: "Circular Focus (Overview)"
Design: "List and Image. A numbered list (1-7) runs down the left side; numbers are highlighted with gold vertical blocks. On the right, a large circular crop of a featured object (scales of justice) is framed by a thin gold ring."
- Type: "Framed Text (Quantitative)"
Design: "Certificate style. A single text block centered within a decorative, vintage-style gold border with curved corners. The title is centered inside the frame. Use for quotes, definitions, or core methodology statements."
- Type: "Data Visualization (Statistics)"
Design: "Dark mode dashboard.
- Charts: Bar charts use alternating gold and white bars. Donut charts use gold segments.
- Grid: Very faint grey lines for the axis.
- Layout: Split view with donut charts on the left and a bar chart on the right."
- Type: "Standard Content (Introduction)"
Design: "Formal columns. A horizontal gold line separates the image header (top 1/3) from the text content (bottom 2/3). The body text is arranged in two justified columns, resembling a newspaper or academic journal layout."
39. Nature Portfolio
自然の写真、淡い色、優雅なセリフ体、広い白い余白を使います。写真の空気感を生かす、静かなポートフォリオ風です。
用途の目安： 自然、ウェルビーイング、体験や活動の紹介
サンプルPDFをダウンロード：Nature Portfolio
YAMLを開く：Nature Portfolio
# presentation_design_spec_nature_minimal.yaml
# Style: Serene Nature Portfolio
# Features: Elegant serif typography, soft pastel photography, generous whitespace, asymmetrical layouts
Overall Design Settings:
Tone: "Emotional, calm, minimalist, transparent, narrative"
Color Palette:
Base: "#FFFFFF (Pure White)"
Text Color: "#4A4A4A (Dark Warm Gray) or #333333 (Charcoal)"
Accent: "#D8B4A6 (Muted Pink) or #A8C2D6 (Soft Blue) - derived from sunset/ocean photos"
Line Color: "#D1D1D1 (Light Gray) - used for thin separators"
Typography:
Heading: "Elegant Serif font (e.g., Didot, Playfair Display, Mincho). Uppercase with wide letter spacing (tracking)."
Body: "Clean Sans-serif (e.g., Avenir, Helvetica Light, Gothic). High readability, light weight."
Key Element: "Thin horizontal lines placed immediately below section titles."
Common Layout Rules:
Margins: "Wide margins on all sides to create a breathing space."
Alignment: "Left-aligned headings with a thin full-width or half-width underline."
Visuals: "Images are often soft-focus nature shots (sea, sky) featuring pastel gradients."
Layout Variations (Catalog):
- Type: "Panoramic Title"
Design: "A cinematic layout. A wide, cropped hero image (ocean/sky) spans the top half. The title (PORTFOLIO) is placed below in large, wide-spaced serif letters, followed by the author's name and role in smaller text."
- Type: "Split Index (Contents)"
Design: "Asymmetrical split. The left side features a numbered table of contents (01 — SECTION NAME) with plenty of vertical spacing. The right side is a standalone rectangular nature photograph that sets the mood."
- Type: "Split Profile (About Me)"
Design: "50:50 vertical split. A portrait/square photograph is placed on the left. The right side contains the name in large Serif text, followed by role, location, and a paragraph of body text (biography). Text is left-aligned."
- Type: "Visual Skill Sheet"
Design: "Image on the left (serving as an emotional anchor). The right side lists skills or software. Proficiency is visualized not by bars, but by a series of dots (filled circles vs. empty circles) for a cleaner, minimal look."
- Type: "Mosaic Grid"
Design: "Used for showcasing work (e.g., 'SEA PICTURES'). The title is at the top left with a thin underline. Below, images are arranged in a tight grid (square and rectangular crops mixed), creating a collage effect."
- Type: "Centered Contact"
Design: "Minimalist centering. The page is mostly white. Simple line-art icons (globe, mail, speech bubble) are stacked vertically in the center, each followed by the contact details in a serif font."
- Type: "Minimal Ending"
Design: "Pure whitespace. A single line of gratitude (e.g., 'Thank you for reading') is centered in a small serif font. A date or small copyright notice is placed discreetly below it."
- Type: "Section Title & Line"
Design: "A standard header style for any content slide. The section title is in uppercase Serif at the top left. A very thin gray line extends from under the title across the screen, separating the header from the content area."
45. Elegant Photographic Minimalism
大きな白い余白、黒い罫線、厳密な写真の配置で構成します。写真を主役にしながら、文字を限られた位置に置くスタイルです。
用途の目安： 写真作品、事例紹介、ビジュアル中心のポートフォリオ
サンプルPDFをダウンロード：Elegant Photographic Minimalism
YAMLを開く：Elegant Photographic Minimalism
# presentation_design_spec_photo_portfolio.yaml
# Style: Elegant Photographic Minimalism
# Features: Extreme white space, stark black typographic accents, strict grid layouts, high-impact imagery
Overall Design Settings:
Tone: "Sophisticated, clean, editorial, and highly professional"
Color Palette:
Base: "#FFFFFF (Pure White) - used generously to let images stand out"
Text Color: "#000000 (Jet Black) - high contrast for maximum legibility"
Accent: "#000000 (Jet Black) - used for solid geometric separator lines"
Image Treatment: "Images provide the primary color palette. Use vivid, high-quality color for portfolio work, and consider grayscale for personal branding/portraits to create contrast."
Typography:
Heading: "Modern sans-serif (e.g., Montserrat, Helvetica Neue). Very large, bold, and high-impact. Use italics for specific project titles."
Subheading: "Light or regular sans-serif. Use wide letter-spacing (tracking) for overarching categories (e.g., 'FOTOGRAFÍA CON ESTILO PROPIO')."
Body: "Clean, highly readable sans-serif. Ample line height for an editorial feel."
Common Layout Rules:
Navigation: "Use subtle, small-font headers at the very top left (e.g., 'Slide Number | STUDIO NAME') and top right (e.g., 'CONTACTO' details) consistently across relevant slides."
Dividers: "Use sharp, black horizontal lines above primary text blocks to anchor the typography. Use thick lines for main titles and thin lines for body copy or subtitles."
Margins: "Extreme negative (white) space is mandatory. Do not fill the slide; content should occupy specific quadrants to create a luxurious, gallery-like feel."
Layout Variations (Catalog):
- Type: "Title Slide"
Design: "Asymmetrical bottom-heavy layout. Place a huge, bold title in the bottom-left corner anchored by a thick black horizontal line above it. Place small contact information in the top-right corner. Leave the rest of the slide entirely blank."
- Type: "Minimalist Introduction"
Design: "Vast empty space. A single, short paragraph of introductory text is pushed to the bottom-right quadrant, topped with a thin black horizontal line. Slide number and studio name remain in the top-left."
- Type: "About Me (Text + Portrait)"
Design: "50:50 split. The left side features a massive bold heading with a short descriptive paragraph. The right side features a single, full-bleed vertical portrait (grayscale recommended for artistic contrast)."
- Type: "Text-Only List / Philosophy"
Design: "Right-aligned focus. Center-right placement of a bold heading, followed by a short paragraph and a bulleted list. The left half of the slide remains entirely blank to emphasize the text."
- Type: "Project Profile (2 Images + Text)"
Design: "The left side contains two horizontally-oriented images stacked vertically with a small gap. The right side features 'PROYECTO X' in bold italics, the client name, a detailed paragraph, and the date. "
- Type: "Project Profile (Text + 1 Large Image)"
Design: "The left side contains the project title, description, and date. The right side features a single, large square or vertical image that anchors the visual weight."
- Type: "Asymmetrical Image Gallery"
Design: "No text. A pure grid layout of photos. Example: One large square/vertical photo on the left, paired with two smaller horizontal photos stacked on the right. Maintain consistent white padding between the images."
- Type: "Closing Slide"
Design: "A scaled-down echo of the Title Slide. Place a 'Thank you' message and closing statement in the bottom-left corner with a thin black line above it. Place contact information in the top-right corner. Maintain massive white space."
自分の資料に合わせて調整する
初回は1種類をそのまま試し、結果を見てから変えたい点を絞ると調整しやすくなります。
| 変えたいこと | 見直す項目 |
|---|---|
| ブランドの色に合わせたい |
Color Palette / 配色パレット / color_palette など、配色の項目 |
| 文字を読みやすくしたい |
Typography / タイポグラフィ など、文字の項目と本文の量 |
| もっと落ち着かせたい | トーン、装飾、背景の質感に関する指示 |
| 写真を主役にしたい | 写真の扱いと、写真を大きく置くレイアウト |
| 図解や手順を伝えたい | レイアウト一覧のうち、比較・フロー・ステップに関する項目 |
キーの名前はスタイルごとに異なるので、近い意味の項目を探してください。元の指示と矛盾する条件を追加するより、該当する記述を置き換えると意図を伝えやすくなります。
また、YAMLのレイアウト一覧は、すべてのページを作る指示ではなく、内容に合わせて選ぶための候補として使います。週刊誌やサイケデリックのように装飾の強いスタイルでは、見出しの面白さと本文の読みやすさを分けて確認すると調整しやすくなります。