# Awesome NotebookLM Templates ### TRY [Kael.im](https://kael.im/home)(NotebookLM slides alternative) and register at this link for 100 pages free daily quota (nbp)! > check out my recent work at https://github.com/agent-team-foundation/first-tree đŸ„‡ ### 🌳 use artifacts in [first-tree](https://first-tree.ai/?utm_source=github&utm_medium=readme&utm_campaign=awesome-notebookLM-prompts-site) for **free** — the most efficient way for **human & agent collaboration** :D ![repo_banner](https://hackmd.io/_uploads/HJdglgwrZe.png) ![Awesome](https://awesome.re/badge.svg) ![License: CC BY 4.0](https://img.shields.io/badge/License-CC%20BY%204.0-lightgrey.svg) NotebookLM Slide PromptâšĄïž > A curated collection of the strongest NotebookLM & Kael.im slide prompts sourced from the real creative underground — Note, WeChat, blogs, RED creators, and Twitter/X power users. These prompts are field-tested by people who ship fast: **researchers, founders, designers**. Use them to turn papers, notes, transcripts, or random brain dumps into **clean, structured, presentation-ready decks** that actually look intentional. If you want NotebookLM to consistently generate slides that hit, **this is the repo!** I also built a [citation checker skill](https://github.com/serenakeyitan/citation-check-skill) that detecting hallucinated missing citations in ur slides. Feel free to add it to ur workflow. ## Table of Contents ### A. Editorial & Business Styles - [Modern Newspaper](#modern-newspaper) - [Sharp-edged Minimalism](#sharp-edged-minimalism) - [Yellow × Black Editorial](#yellow--black-editorial) - [Black × Orange Creative Agency](#black--orange-creative-agency) - [For Seminar Use (Minimal Text)](#for-seminar-use-minimal-text) ### B. Pop, Youth, and Street Styles - [Manga Style](#manga-style) - [Magazine Style](#magazine-style) - [Pink Street-style](#pink-street-style) - [Digital / Neo / Pop](#digital--neo--pop) ### C. Typography / Font-driven Styles - [Mincho × Handwritten Mix](#mincho-font--handwritten-mix) ### D. Artistic & Avant-Garde Styles - [Deformed Flat Persona](#deformed-flat-persona) - [Royal Blue × Red Watercolor](#royal-blue-and-red) - [Classic / Pop (Sculpture × Vaporwave)](#classic--pop) - [Tech / Art / Neon](#tech--art--neon) ### E. Professional / Product / Premium - [Studio / Mockup / Premium](#studio--mockup--premium) ### F. Sports & High-energy Styles - [Sports / Athletic / Energy](#sports--athletic--energy) ## **modern newspaper:** ![image](https://hackmd.io/_uploads/SkkpwiPM-g.png) ![image](https://hackmd.io/_uploads/rJZ0pyKGbg.png) ![image](https://hackmd.io/_uploads/Hya0p1FzZx.png) ``` You are a top art director leading Japan's "new economy business media." But the language should be what users said in the prompt. so not nessecery in (the language what users requested in the prompt). Based on the following "design definition," generate a visually focused, high-sensibility presentation slide that sparks intellectual excitement in business professionals of the smartphone generation. [Important: Absolutely Prohibited Output Format Rules] * **Complete Exclusion of Markdown Symbols**: Do not include symbols like "#" for headings or "*" and "**" for emphasis in the slide text **under any circumstances**. * **Plain Text Only**: Text displayed on the slide must consist solely of "pure (the language what users requested in the prompt) and English text" without any decorative symbols. [Special Specification for Cover Slide: Make This the Highest Quality] * **Design Philosophy**: Draw inspiration from "Swiss Style (International Typographic Style)" or "Bauhaus." * **Layout**: Ban simplistic "centered alignment." Create tension with **"asymmetrical"** placement. Use a grid system to position the title extremely off to the top left or bottom left, or craft bold negative space for refinement. * **Title Copy Design**: * **Main Title (Ultra-Large · Short Phrase)**: Ditch descriptive words. Make it a visual anchor with a short word or phrase of about "2–5 characters" (e.g., "Liberation," "Collapse and Rebirth," "The True Face of AI"). * **Subtitle (Ultra-Small · Benefit-Driven)**: Carve into the reader's pain points and hint at resolution with a concise sentence (e.g., "Why Is Your Advertising Dead?" "How to Ditch 'Tasks' and Return to 'Creation'"). * **Composition Ratio**: Punch the eyes with the main title, stab the brain with the subtitle. [Overall Design Definition for All Slides] 1. **Core Theme**: Smart & pop business infotainment (intellectual curiosity × entertainment) 2. **Color Palette**: * Background Color: White (#FFFFFF) or Cool Gray (#F5F5F5) * Text Color: Sumi (Jet Black) (#111111) * Accent Color: Electric Yellow (#FFCC00) or Alert Red (#FF3333) 3. **Visual Style**: * Adopt the design philosophy of a "**smartphone-first economic media**." * Use images like "monochrome cutouts of people" or "stylish photos with blown-out backgrounds" to emphasize the subject. * Highlight key numbers or keywords with fluorescent marker-style lines (yellow background) to create rhythm. 4. **Typography (Text as Graphic)**: * Position headlines at an "**ultra-massive size**" occupying **30%–50%** of the slide's area. * **Extreme Jump Ratio**: The size ratio between "headlines" and "body text" must be **10:1** or more. No half-hearted size differences allowed. * For headlines, use **extra-bold sans-serif** (Impact/(Hiragino) W8 weight) to treat them as a "surface," and tuck ultra-thin English fonts into the gaps for a sense of airiness. 5. **Overall Structure**: * Strictly adhere to "1 slide = 1 message." * Layout is a binary choice between "negative space" or "text." Draw the eye through contrasts of text-packed areas that fill the screen and vast empty voids. * Place the conclusion (punchline) with a "bam!" in the center of the slide, or position it spilling off the edge for visual impact. ``` *source: https://x.com/mmmiyama_D/status/1998528702150488069?s=20* ## **sharp-edged minimalism:** ![image](https://hackmd.io/_uploads/S1AgdjvzZx.png) ![image](https://hackmd.io/_uploads/r16fOsDMZe.png) ``` # presentation_design_spec_minimal_jp.yaml # Style: Refined Minimal Portfolio # Characteristics: Top-left navigation, aesthetics of whitespace, grid-based layout Global Design Settings: Tone: "Professional, architectural, sharp-edged minimalism" Color Palette: Base: "#E9E9E9 (light gray) or #FFFFFF (white)" Text: "#000000 (jet black) or #333333 (dark gray)" Accent: "#000000 (black) – used for bold lines and emphasized text" Special: "Dark mode (black background) – used for slides that need emphasis" Typography: Headings: "English sans-serif (e.g., Helvetica Now, Inter). Bold and decoratively positioned." Body: "(the language what users requested in the prompt) Gothic typeface. Small size with generous letter spacing and line height." But the language should be what users said in the prompt. Common Layout Rules: Navigation: "Place a small section number and title such as '01. INTRODUCTION' in the top-left (or top-right) of every slide." Grid: "Use a strict grid system to align elements." Whitespace: "Intentionally leave large areas empty (negative space) to create a sense of luxury." Layout Variations (Catalog): - Type: "Title Typography" Design: "Scattered layout. Randomly place award badges or keywords like stamps. The central title is small, bold, and restrained." - Type: "Text + Data Emphasis" Design: "Asymmetrical split. Narrative text on the left, oversized numbers (black) on the right. Include thin divider lines." - Type: "Card Grid" Design: "Tightly spaced grid. Arrange high-quality images with a web-like interaction feel, such as text appearing on mouse-over." - Type: "Full-Screen Graphic" Design: "Office interior photography occupying the full screen (or more than half). Concrete textures, desks lined with Macs. Reduce saturation for a cool tone. Add a very small caption in the bottom-left." - Type: "Photo + List Split" Design: "50:50 split. Left: architectural or abstract photography. Right: data list (bold headings + light-weight descriptions). Used for company info. Bold item names, thin body text. Generous spacing; avoid overcrowding." But the language should be what users said in the prompt. - Type: "Minimal Map" Design: "Silhouette-style map. Light gray background with a white map. Use ultra-thin callout lines to indicate locations." - Type: "Vertical Timeline" Design: "Vertical axis. A single thin line with text branching left and right. Clean chronological order." - Type: "Bubble Chart / Venn Diagram" Design: "Wireframe style. Black background with thin white line art. Semi-transparent overlapping circles." - Type: "Dialogue (Chat Style)" Design: "Minimal conversational format. Not comic speech bubbles, but simple text blocks with bold speaker names." - Type: "Chronological List" Design: "Rhythmic list. Large years (e.g., 2024) on the left, descriptions on the right. Strong contrast in font sizes." - Type: "Dark Mode Diagram" Design: "Intellectual tech aesthetic. Black background with thin white lines connecting nodes. Constellation- or network-like appearance. Circles connected by fine lines or geometric patterns, expressing a fusion of technology and creativity." - Type: "3-Step Columns" Design: "Typography-driven columns. Large numbers (01, 02, 03) act as pillars. No icons; rely on typographic contrast." - Type: "Logo Grid" Design: "Monochrome grid. Convert all logos to black or gray and align them in a strict grid." - Type: "Two Columns (Problem vs Solution)" Design: "Sharp contrast. A thick black vertical line separates 'Problem' and 'Solution'. Text aligned in block form." - Type: "Centered Layout (Dark Mode)" Design: "Cinematic. A small video thumbnail or key visual centered on a black background. Add an emotional English tagline." - Type: "Formula / Flow Diagram" Design: "Mathematical style. Expressions like 'A × B = C' rendered in large serif type. Minimal arrows." - Type: "Arrow Steps" Design: "Linear process. Place text inside large arrows. High contrast (black arrows with white text)." - Type: "Chart" Design: "Precision data. Graphs with thin lines ending in small black dots. Scientific instrument-like appearance." ``` *source: https://x.com/yoshifujidesign/status/1997878247322001626?s=20* ## **yellow x black:** ![unnamed](https://hackmd.io/_uploads/r1CQYiwz-l.jpg) ![unnamed-2](https://hackmd.io/_uploads/SymEYsDM-g.jpg) ``` Yellow background, black text, large dynamic modern serif font placement, stylish, photos are unique fashion photography, with pop and chic touches like handwriting or stickers scattered throughout, bold layout like a fashion magazine ``` source: [Kawai](https://x.com/kawai_design) ## Black x Orange Style ![image](https://hackmd.io/_uploads/rJtz5yFMWx.png) ![image](https://hackmd.io/_uploads/ryZ0YJtfWe.png) ``` Background is white, text is black, accent color is blood orange, stylish design that a creative agency might create, incorporating dynamic and simple photos and English typography. But the language should be what users said in the prompt. ``` source: [Kawai](https://x.com/kawai_design) ## Manga style ![image](https://hackmd.io/_uploads/SygJvqkKf-l.png) ![image](https://hackmd.io/_uploads/r1Ew9yYMZl.png) ``` Understanding becomes deeper with "fun." Sometimes, it's recommended to turn information into a comic and input it along with a story. You can relate it to your own situation, and it's easier to remember. ``` source: [Kawai](https://x.com/kawai_design) ## Magazine style ![image](https://hackmd.io/_uploads/rkQpqyKfbg.png) ``` # Instructions Please compile [Source Information] in a [mature-cute, sophisticated magazine-style editorial design]. # Layout Requirements ・Place a large cutout photo of the subject (model woman or product) in the center, emphasizing movement or pose ・Place speech bubbles or text boxes asymmetrically in the left and right margins ・Distribute main points as small sections numbered like "NO.1" "NO.2" ・Place a vertical text box (white background) at the edge of the screen (e.g., right side) and insert a catchy copy ・Place L-shaped lines resembling crop marks ("trim marks") in the four corners to create a poster or page-like feel ・Format: Landscape (4:3 or 3:2), high resolution ・But the language should be what users said in the prompt. # Design Requirements ・Background color: Matte, subdued tone stylish pink (dusty pink or shell pink) ・Main image: Use a photo with the background completely removed (deep etching) ・Decorative elements: Use hand-drawn style speech bubbles, simple circles, and thin straight lines as accents ・Fonts: Headings in sophisticated Gothic or Mincho, comments in hand-drawn style font for a casual feel ・In speech bubbles or text boxes, write key points from the source information in emotional handwritten text of a young woman ・Color palette: Matte pink for background, charcoal gray or black for text, white for accents ・Overall atmosphere: Mature-cute, feminine, trendy, polished tone # Expressions to Avoid ・Overly childish vivid colors, overly flashy gradients, heavy shadows ``` source: https://x.com/tetumemo/status/1996930284500201685?s=20 ## Neo-Retro Dev Deck / Pixel-Infographic Editorial ![unnamed-3](https://hackmd.io/_uploads/HykAwBRf-l.png) ``` Overall Style Name Neo-Retro Dev Deck / Pixel-Infographic Editorial 1. Core Visual Identity Aesthetic: Retro-futuristic, developer-centric, editorial infographic style Feels like: 90s computer manuals modern AI dev tools marketing pixel-art meets startup slide deck Mood: Confident, playful, opinionated, slightly rebellious “Builders explaining the future, not selling fluff” 2. Canvas & Background Use a light cream / off-white grid paper background Subtle square grid (engineering notebook feel) Grid lines very light, never distracting Slides should feel like annotated engineering notes, not corporate PPTs 3. Typography System Primary headline font: Bold, heavy sans-serif with strong geometry Black text Slightly condensed High contrast against background Language mixing: Headlines can be "the language should be what users said in the prompt" + English mixed English sub-labels under "the language should be what users said in the prompt" titles (small, clean) Hierarchy: Huge bold headline blocks Medium sub-titles Small explanatory captions below icons or boxes 4. Color Palette (Strict) Use high-contrast blocks with thick black outlines: Hot Pink (agent / brain / intelligence concepts) Bright Yellow (editor / code / tools) Cyan / Light Blue (browser / web / execution) Black (text, borders) White / cream (background) Each section = one dominant color block 5. Layout Language Stacked modular blocks Rectangles with thick black borders Slight overlaps allowed (intentional, collage-like) Horizontal bars for section headers Card-based structure for steps, evolution, layers Slides should feel assembled, not perfectly aligned (controlled imperfection) 6. Iconography & Graphics Use pixel-art style icons, including: Rocket Robot / agent Gear Code brackets Browser window Chat bubbles Icons should look: Low-resolution 8-bit or 16-bit inspired Flat colors, black outline Decorative elements: Small gears Arrows Chevrons <> Pixel sparks / motion lines 7. Content Patterns (Very Important) A. “System Architecture” Slides Use stacked layers with labels Each layer: One color One icon One bold title One short explanatory line Example structure: Agent Manager AI Editor Agent-Controlled Browser B. “Evolution / Timeline” Slides Left → right progression Each step in its own box: Auto-complete Chat Agent New Model (highlighted) Final step should be visually larger and more colorful C. “Manifesto / Thesis” Slides One huge headline in a boxed frame Minimal text Surrounded by playful icons Feels like a statement, not documentation 8. Tone of Text Short Declarative Slightly opinionated No marketing fluff Good: “Agents execute tasks autonomously” “Coding enters the agent era” Bad: “Empowering users with cutting-edge solutions” 9. What to Avoid No gradients No realistic photos No soft shadows No corporate templates No minimalism for its own sake This is expressive, not quiet 10. Generation Instruction (Critical) Generate multiple slides following this exact visual system. Maintain consistency in: grid background color usage icon style typography hierarchy Slides should look like they belong to one cohesive deck, not individual posters. ``` ## pink street-style ![image](https://hackmd.io/_uploads/SJJDi1KzZe.png) ![image](https://hackmd.io/_uploads/S1NPsJKM-l.png) ``` Background is pink, text is white and black, illustrative illustrations are pop and deformed illustrations drawn with thick lines, overall street style but pop, flat colors, photos are trimmed into soft and squishy shapes to create a sense of looseness, ``` source: [Kawai](https://x.com/kawai_design) ## Mincho font + Handwritten MIX ![Screenshot 2025-12-11 at 17.15.57](https://hackmd.io/_uploads/HkcRhytMWg.png) ![Screenshot 2025-12-11 at 17.16.12](https://hackmd.io/_uploads/r1D1a1Yfbe.png) ``` Yellow background, black text, large dynamic modern serif font placement, stylish, photos are unique fashion photography, with pop and chic touches like handwriting or stickers scattered throughout, bold layout like a fashion magazine ``` source: [Kawai](https://x.com/kawai_design) ## For seminar use, minimal text ![Screenshot 2025-12-11 at 17.17.55](https://hackmd.io/_uploads/HJASpkYGbl.png) ![Screenshot 2025-12-11 at 17.18.07](https://hackmd.io/_uploads/Bks861tGWx.png) ``` White background, black text, red accent color, sans-serif font, high-quality photo like a fashion portrait, dynamic typography, high-sensibility design ``` source: [Kawai](https://x.com/kawai_design) ### Royal blue and red ![Screenshot 2025-12-11 at 17.21.53](https://hackmd.io/_uploads/H1gBCkKGbx.png) ![Screenshot 2025-12-11 at 17.22.52](https://hackmd.io/_uploads/rJDuCkKzWl.png) ![Screenshot 2025-12-11 at 17.23.28](https://hackmd.io/_uploads/H1yiCyFzZe.png) ``` Shades of royal Blue and Red wet watercolor. Focus on different artistic styles to be used with kael/notebooklm Slides decks. ``` source: https://x.com/kottley/status/1994442047579721782?s=20 ## Studio / Mockup / Premium ![image](https://hackmd.io/_uploads/BkZwrxtzWl.png) ![image](https://hackmd.io/_uploads/SyYvrxYzWe.png) ``` # presentation_design_spec_premium_mockup_jp.yaml # Source: Uploaded Images (Apple Device Mockups with Modern UI) # Style: Premium Mockup / Modern UI / Clean Tech # Concept: "Showcase in Perfection" Global Design Settings: Tone: "High-quality, advanced, clean, refined, professional" Color Palette: Background: - "#FFFFFF (pure white)" - "#F5F5F7 (very light gray, studio-like)" - "#000000 (jet black, switching by slide)" Accent Colors: - "#8D59E9 (Electric Purple – main action color)" - "#EBE021 (Acid Yellow – highlight points & badges)" Sub Colors: - "#D8E2EC (pale blue-gray for cards and base areas)" - "#2D2D2D (charcoal for text and UI parts)" Visual Identity: Devices: "High-quality 3D mockups of Apple products (Studio Display, MacBook Pro, iPad, iPhone 16 Pro)" UI Screen Design: Background: "Jet black (#000000) or vivid gradients (purple, yellow, orange)" Typography: "Extra-bold sans serif (e.g., Helvetica Now Display Bold) in white" Layout: "Card-based UI, grid layout, oversized numbers" Typography: Headings: "Blocky sans serif type with a large jump ratio. English large, (the language should be what users said in the prompt) small." Body: "Thin gray gothic font. For emphasis, place text on black (#000000), white (#FFFFFF), Electric Purple (#8D59E9), or Acid Yellow (#EBE021)." Common Layout Rules: - "Studio Lighting: Apply soft shadows under devices to create a realistic studio environment." - "Screen as Hero: Device screens should occupy 70–80% of the slide area." - "Crop/Overflow: Allow part of the device to extend beyond slide boundaries for scale and impact." Layout Variations: - Type: "Hero Display" Design: "Center the Studio Display with a black-background UI and ultra-bold white title (e.g., 'STUDIO DISPLAY MOCKUPS'). Large English title, small (the language should be what users said in the prompt) subtitle." - Type: "Floating Mobile" Design: "Float an iPhone mockup in mid-air showing an app UI. Add blurred accent-colored lighting behind it." - Type: "Grid Interface" Design: "Inside a MacBook screen, arrange colorful UI cards (purple, cyan, yellow) in a clean grid." - Type: "Dark Mode Presentation" Design: "Device screen in dark mode. Use white + Acid Yellow for high-contrast emphasis." - Type: "Angle Shot" Design: "Show device from a diagonal side angle to highlight thinness and texture. Add spec info in the whitespace." - Type: "Split Screen" Design: "Left: half a device mockup. Right: large typography. Ensure seamless connection between screen colors and background." - Type: "Card Grid (Text Only)" Design: "Extend the device’s UI layout to the whole slide. Place white or purple cards on #D8E2EC." - Type: "Big Typography" Design: "Black background (#000000) with massive white ultra-bold text. English large, (the language what users requested in the prompt) very small. Use thin white dividers." - Type: "Split UI" Design: "Left: large numbers ('16', '3680'). Right: descriptive text. Wrap in card-like frames." - Type: "Feature List Card" Design: "White background with rounded gray band (#F5F5F7). Inside: aligned icons + text, large English title, small (the language should be what users said in the prompt) subtitle." Design Rules: - "High Resolution: All mockup images must be high resolution with no visible pixels." - "Reflection & Gloss: Reproduce realistic screen reflections for premium feel." - "UI Spacing: Device UI should also follow a spacious, minimal layout." ``` source: https://note.com/yoshifujidesign/n/n7412bccb5762 ## Sports / Athletic / Energy ![image](https://hackmd.io/_uploads/BJChHgFGZx.png) ![image](https://hackmd.io/_uploads/SkQ6BgFzZg.png) ``` # presentation_design_spec_sports_active_jp.yaml # Style: Sports / Athletic / Energy # Concept: "Speed, Impact, and Heartbeat" Global Design Settings: Tone: "Passionate, fast-paced, powerful, competitive" Color Palette: Base: "#111111 (asphalt-like black)" Text: "#FFFFFF (white)" Accent: - "#CCFF00 (Bolt Lime)" - "#FF4500 (Neon Orange)" Gradient: "Overlay a black-to-transparent gradient on top of photos" Typography: Headings: "Extra-bold italic gothic type (Impact, Din Condensed, etc.)" Body: "Italic sans serif type" Numbers: "Stencil-style or jersey-style sports typography" Common Layout Rules: Navigation: "Place page numbers inside angled, diagonal-cut shapes" Shapes: "Skew rectangles or images, or use parallelogram shapes" Layout Variations: - Type: "Action Cut" Design: "Use dynamic background photography (motion blur, running shots). Place large italic text in the foreground, overlapping the athlete or subject." - Type: "VS Layout" Design: "Divide the screen diagonally. Bottom-left = your side (strengths). Top-right = competitor (challenges). Use a jagged lightning-like divider." - Type: "Speed Meter" Design: "Display achievements or metrics in the style of a car speedometer or stadium scoreboard." - Type: "Highlight Stripe" Design: "Place a bold diagonal stripe behind key words, as if marked with a fast, energetic brush or marker." ``` source: https://note.com/yoshifujidesign/n/n7412bccb5762 ## Classic / Pop ![image](https://hackmd.io/_uploads/ByC4UltzWg.png) ![image](https://hackmd.io/_uploads/B1zB8lFG-e.png) ``` # presentation_design_spec_sculpture_pop_flexible_jp.yaml # Style: Sculpture Pop Art / Vaporwave / Neon Surrealism # Concept: "A Free Remix of Classical Art and Modern Pop Objects" Global Design Settings: Theme: "Classical marble sculpture × modern neon pop (flexible style)" Tone: "Bold, humorous, high-saturation, fashionable, surreal" Visual Identity: Background Colors: "High-saturation solid colors that change each slide (cyan, magenta, yellow, lime, purple, etc.)" Collage Materials: Sculptures: "Various classical white marble statues (men, women, gods, philosophers, etc. — change per slide)" Gadgets: "Modern pop items (sunglasses, headphones, smartphones, VR, food items)" Item Colors: "Adjust each object to be either complementary or analogous to the background color" Typography: Headings: "Ultra-bold sans serif (e.g., Helvetica Now Display Black)" Text Color: "Whichever color achieves the highest contrast with the background (white, black, or matching accent color)" Layout Variations (Catalog): # --- High Impact Visuals --- - Type: "Drink Vibes (Cover)" Design: "Vivid background. A classical bust wearing colorful sunglasses, sipping juice/soda with a straw in an extreme close-up." - Type: "Bubblegum Shock" Design: "A statue (goddess, child, etc.) blowing a large bubblegum bubble in a contrasting color. Scatter geometric shapes around the scene." - Type: "Music Head" Design: "Dark background (black or navy). A statue wearing bright-colored wireless headphones, immersed in music (or holding a smartphone)." - Type: "Scream Color" Design: "Bright background (yellow or lime). A statue with an expressive open-mouth pose wearing flashy-lens sunglasses." # --- Concept Messaging --- - Type: "Split Duality" Design: "Screen divided into two contrasting colors. A statue stands on the border, holding different modern objects in each hand (book vs tablet, pen vs smartphone)." - Type: "Selfie King" Design: "A statue lifting a smartphone for a selfie. Inside the phone screen, display SNS-style UI (likes, comments)." - Type: "VR Dive" Design: "A statue wearing VR goggles, looking upward into space. Floating 3D objects surround the scene." # --- Information-Focused Layouts --- - Type: "Donut Chart" Design: "Use real photos of donuts or pizza slices to build a donut chart. The statue is eating or holding the chart." - Type: "Item List" Design: "A statue holding pop items (sneakers, skateboard, boombox). Each item has a speech bubble explaining features." - Type: "Comparison (A vs B)" Design: "Two statues facing each other. One styled ‘Old’ with classical ornamentation, the other ‘New’ with modern accessories." - Type: "Team Pedestal" Design: "Multiple busts placed on pedestals as team members, each personalized with different sunglasses or hats." - Type: "QR Contact" Design: "A surreal ending slide: the statue has a QR code sticker on its forehead or is holding a QR code panel." Design Rules: - "Variation: Do not reuse the same statue across slides; alternate between male, female, and animal sculptures to keep visual novelty." - "Color Contrast: Ensure strong contrast between background and item colors (e.g., purple background × yellow accessories)." - "Isolation: Cleanly cut out statues and objects from their backgrounds, keeping edges sharp and precise." ``` source: https://note.com/yoshifujidesign/n/n7412bccb5762 ## Tech / Art / Neon ![image](https://hackmd.io/_uploads/BJOY8ltzWx.png) ![image](https://hackmd.io/_uploads/r11cIlYfbx.png) ``` # presentation_design_spec_neon_collage_jp.yaml # Source: Uploaded Image (1bce448a...jpg) # Style: Constructivism / Tech-Art / Avant-Garde # Concept: "Architecture of Intelligence" Global Design Settings: Tone: "Avant-garde, structural, intellectual, artistic, future-oriented" Visual Identity: Background Color: "Warm gray / beige (#E0E0D0) — matte, paper-like texture" Text Color: "Charcoal gray (#333333) — not pure black" Accent Color: "Neon Yellow (#DFFF00) — used for geometric shapes" Line Color: "Ultra-thin gray lines (0.5pt), similar to architectural draft lines" Typography: Headings: "Mix of serif (Didot, Bodoni) and sans serif (Helvetica)" Body: "Small-size text aligned strictly to the grid" Numbers: "Typewriter-style fonts (Courier New)" Slide Composition Patterns: # --- Cover / Concept --- Section: "Cover / Concept" Layout Type: "Triple Collage" Design Details: - "Structure: Screen divided into three sections with grid lines" - "Visuals: Monochrome cut-out portraits" - "Accents: Neon yellow circles and squares behind or in front of the subject" - "Decoration: Concentric rings (target-scope style) placed around the focal point" # --- Analysis / Diagram --- Section: "Analysis / Dissection" Layout Type: "Technical Drawing" Design Details: - "Background: Fine grid similar to graph paper" - "Main: Line-art / wireframe illustrations of products or concepts, partially filled in neon yellow" - "Annotations: Thin leader lines with blueprint-style labels (e.g., Fig.1, Fig.2)" # --- Process / Flow --- Section: "Process / Flow" Layout Type: "Geometric Connection" Design Details: - "Elements: Neon yellow circles, squares, triangles" - "Connections: Dotted or dashed lines linking shapes to express logic flow" - "Photography: Use shapes as masks to embed monochrome photos inside them" # --- Data / Infographic --- Section: "Data / Infographic" Layout Type: "Radar Chart Art" Design Details: - "Chart: Large spiderweb-style radar chart across the slide" - "Data Lines: Thick neon yellow plotting lines" - "Background: Subtle texture resembling old maps or blueprints" Design Rules: - "Color Limitation: Use only three main colors — beige (background), monochrome (photos), neon yellow (geometry)" - "Collage: Never place photos as plain rectangles; always cut out the subject cleanly" - "Layering Order: Grid background → neon geometric shapes → monochrome cut-out photo → foreground text" ``` source: https://note.com/yoshifujidesign/n/n7412bccb5762 ## Digital / Neo / Pop ![image](https://hackmd.io/_uploads/HyXkPgFM-g.png) ![image](https://hackmd.io/_uploads/BJOywxYfbx.png) ``` # presentation_design_spec_pop_jp.yaml # Style: Vitamin Pop / Digital Neo # Characteristics: Organic shapes, bright color palette, SNS-friendly visual tone Global Design Settings: Design Theme: "Digital Pop × Academic" Tone & Manner: "Modern, fluid, friendly, high information density" Key Visuals: Motifs: "Organic amoeba-like or cloud-like shapes. Random placement around slide edges, partially cropped." Decorations: "Dot patterns, hand-drawn highlight strokes, SNS-style icon decorations" Color Palette: Base: "White (#FFFFFF) or light-gray dot-pattern background" Main Colors: "Vivid pink, cyan, purple (neon-sign inspired)" Accent: "Black (used for text and outlines to anchor the pop colors)" Chart Colors: "Gradient-filled bars (e.g., green → yellow)" Typography: Headings: "Bold gothic type. Impact-focused. Outline text (white fill + black stroke) allowed." Body: "Highly readable gothic sans serif." Numbers: "Large Western type for emphasis, especially percentages." Design Guidelines: - Organic Shapes: "Use irregular, hand-drawn, wavy shapes rather than strict rectangles or circles to express community fluidity." - Icons: "Prefer pop illustrations or abstract avatar icons (shapes with eyes, abstract faces) over photos of real people." - Information Contrast: "Balance text-heavy slides with highly visual slides." Layout Variations (Catalog): - Type: "Title Composition" Design: "Place an organic blob or cloud shape at the center and position the title inside it. Add small stars and sparkles around it." - Type: "Text + Data Pop" Design: "Split layout: left = text, right = colorful donut chart (vivid pink, cyan, purple). Emphasize numbers at extremely large scale." - Type: "Organic Timeline" Design: "A wavy vertical line like a plant stem. Use leaf/bud-like icons at timeline milestones." - Type: "Bubble Cluster" Design: "Overlapping translucent circles like soap bubbles. Use dot patterns in the background to enhance the pop feeling." - Type: "SNS Chat Style" Design: "A smartphone-style frame containing chat bubbles and icons. Important insights highlighted with bold text or marker strokes. Speakers represented by differently colored amoeba-shaped icons." - Type: "Concept Formula / Flow Diagram" Design: "Explain formulas like “Energy × Empathy” using hand-drawn arrows, icons, and crayon-like strokes." - Type: "Colorful Step Flow" Design: "Large arrow flowing left → right. Each step in a different color (cyan → purple → pink). Clearly marks progression." - Type: "Lollipop Chart" Design: "Use lollipop-style bars (round tips) or rounded bar charts. Color-code categories. Optionally overlay a line chart for combined visualization." - Type: "Sticker Grid" Design: "Slightly tilted square cards, appearing taped or stickered on the slide. Mimics a collage of sticky notes." - Type: "Character Ending" Design: "Place a cloud/amoeba character in the center. Arrange SNS icons (circular) around it to display contact information." Additional Notes: - Organic Shapes: "Use hand-drawn, wavy shapes—not rigid geometric forms—to convey community fluidity." - Icons: "Mix monochrome cut-out photos with bright pop illustrations and abstract avatar icons (eyes, blobs) to maintain friendliness." - Information Contrast: "Ensure clear rhythm between dense-text pages and visual-heavy pages." ``` source: https://note.com/yoshifujidesign/n/n7412bccb5762 ## Anti-Gravity / Artifact Deck ![unnamed-6](https://hackmd.io/_uploads/B1EVPrCfWl.png) ![unnamed-7](https://hackmd.io/_uploads/rk4EDBAMbx.png) ![unnamed-8](https://hackmd.io/_uploads/ryN4Dr0zbl.png) ``` Style Name Anti-Gravity / Living Artifact Presentation 1. Core Concept (This Matters Most) This presentation is not a slide deck. It is a living artifact. Visualizes thinking becoming structure Feels like an interface for ideas Calm, modern, confident, precise Built for agents, systems, and future workflows Think: Apple-level clarity Google DeepMind research decks Calm AI infrastructure product launches 2. Overall Aesthetic Minimal Airy High negative space No visual noise Everything feels intentional and breathable Emotion: “This system already works. We are just showing you.” 3. Background & Canvas Pure white background as default Add soft, flowing gradient accents: Blue → cyan → violet Very low opacity Appears on corners or edges only Never behind text Gradients feel like: Light Motion Energy Anti-gravity fields No hard shapes. No grids. No textures. 4. Typography System Headlines Clean, modern sans-serif Slightly rounded geometry Medium–bold weight Calm authority (not aggressive) Examples: “Anti-gravity” “Artifact” “Agent-controlled Browser” Language (the language should be what users said in the prompt) primary English secondary labels English often smaller and lighter Hierarchy Large headline One concise explanatory sentence Short bullet or paragraph blocks No long paragraphs. 5. Color System Use very restrained color: Primary text: Black or very dark gray Accent color: Calm blue (used sparingly) Used for: Headline emphasis Arrows Key icons Gradients are decorative, not structural If everything looks calm and confident, it’s correct. 6. Layout Language Left-aligned layouts Clear reading flow Wide margins Lots of white space Common structures: Text on left, visual on right Three-column feature cards One idea per slide Slides feel like product docs turned into visuals 7. Visual Metaphors Use simple, conceptual metaphors: A. Thought → Structure Messy scribble illustration Arrow Clean diagram / checklist / UI This shows: “Agents turn ambiguity into artifacts.” B. Interface as Proof Realistic browser / app screenshots Cursor highlights Click indicators Message: “The agent actually does this.” C. Cards as Capabilities Soft rounded rectangles Subtle shadows Icon + title + 1–2 lines No decoration beyond function. 8. Iconography Thin-line icons Outline style Consistent stroke weight Calm and professional Examples: Code brackets Network / manager node Browser window Checklist Diagram nodes No pixel art. No emojis. No playful icons. 9. Motion & Flow (Implied) Even in static slides, imply motion: Arrows Directional flow Sequential layouts Everything suggests systems in operation, not static diagrams. 10. Tone of Copy Clear Precise Slightly philosophical No hype language Avoid: Buzzwords Marketing slogans Emotional exaggeration 11. What to Avoid (Strict) No pixel art No thick borders No bright blocks No collage No stickers No loud contrasts If it feels “fun”, it’s wrong. If it feels “inevitable”, it’s right. 12. Generation Instruction (Important) Generate a cohesive multi-slide presentation following this system. Maintain: White space discipline Soft gradient accents Calm typographic hierarchy Minimal but meaningful visuals Every slide should feel like part of one product narrative, not standalone posters. ``` ## Deformed Flat Persona ![G8p_wILbkAAa2hr-min](https://hackmd.io/_uploads/r1HEH0um-x.jpg) ![G8p_1m1asAE5Dy1-min](https://hackmd.io/_uploads/SkqEB0dQZl.jpg) ![G8p_3Lya4AEJCqk-min](https://hackmd.io/_uploads/Ska4SCdXZl.jpg) ``` # Style: - Flat colors # Illustration: - A person with slightly deformed form - Thick outlines # Color: - Gentle tones with a bit of white mixed in - Up to 3 colors allowed # Outline: - Thick # Background: - Solid flat color with 1 color ``` source: [Kawai](https://x.com/kawai_design)