# Slide Pattern Library - Comprehensive Guide This document provides detailed specifications for six proven slide patterns that form the foundation of world-class presentations. Each pattern has been validated across thousands of successful presentations by masters like Garr Reynolds, Nancy Duarte, and Steve Jobs. --- ## Pattern 1: Title Slide ### Purpose Set the tone for the entire presentation and create immediate visual impact. The title slide is the audience's first impression and should establish both the topic and the emotional tenor of what's to come. ### Core Elements **Text Requirements**: - Title: 3-6 words maximum (Godin principle) - Subtitle (optional): 5-10 words providing context - Attribution: Speaker name, date, or organization (minimal, small font) - Font size: Title 48-72pt, Subtitle 24-36pt, Attribution 14-18pt **Visual Treatment**: - **Option A - Image-Based**: Full-bleed high-quality photograph or illustration that emotionally connects to the topic - **Option B - Typography-Based**: Bold, clean typography on solid background color (brand color preferred) - **Option C - Minimalist**: Simple text on white/black background with subtle accent element **Layout Specifications**: - Title positioned in vertical center or upper third (golden ratio positioning) - Ample whitespace around all elements (minimum 10% margins) - If using image, ensure text has sufficient contrast (overlay, shadow, or positioning) ### Design Principles **Contrast**: - Text must have minimum 7:1 contrast ratio against background - Use overlay gradient (70% opacity recommended) if text on image - Dark text on light background OR light text on dark background - never midtones **Alignment**: - Center alignment for maximum impact and formality - Left alignment for more conversational, approachable tone - Never right-align title slides **Color Psychology**: - Board presentations: Navy, charcoal, or brand primary (professional, trustworthy) - Keynotes: Bold accent colors (energetic, memorable) - Training: Lighter, accessible colors (approachable, educational) - Pitches: Confident colors aligned with brand (credible, distinctive) ### Examples by Presentation Type **Board/Executive Update**: ``` Title: "Cybersecurity Update" Subtitle: "Q4 2025 Board Meeting" Background: Navy (#25424C) with subtle geometric pattern Font: Sans-serif, bold, 64pt title / 28pt subtitle Alignment: Center ``` **Keynote/TED-Style**: ``` Title: "The Future of Learning" Subtitle: (none - let title stand alone) Background: Full-bleed image of engaged students Overlay: 60% black gradient from bottom Font: Modern sans-serif, white, 72pt Alignment: Lower third positioning ``` **Training/Educational**: ``` Title: "Excel Fundamentals" Subtitle: "Session 1: Getting Started" Background: Light gray (#F5F5F5) Accent: Brand color bar on left (10% width) Font: Friendly sans-serif, dark gray, 56pt / 24pt Alignment: Left with padding ``` **Pitch/Sales**: ``` Title: "Revolutionizing EdTech" Subtitle: "Series A Pitch - November 2025" Background: Brand primary color with product screenshot (20% opacity) Font: Brand font, white, 60pt / 22pt Alignment: Center ``` ### Common Mistakes to Avoid 1. **Too much text**: More than 10 words total dilutes impact 2. **Cluttered layout**: Logo, tagline, disclaimer, date all competing 3. **Poor image quality**: Low-resolution or generic stock photos 4. **Weak contrast**: Text hard to read against busy background 5. **Mixed messages**: Image doesn't relate to topic 6. **Default templates**: PowerPoint/Keynote standard templates scream amateur ### Variations **Simple Title Only**: - Just the presentation title, nothing else - Maximum impact, extreme minimalism - Best for confident presenters with strong topic **Title + Provocative Question**: - Title as question that creates curiosity - Example: "What if AI could learn like humans?" - Engages audience immediately **Title + Powerful Statistic**: - Title with supporting shocking fact - Example: "The Education Crisis" + "73% of students unprepared" - Creates urgency --- ## Pattern 2: One Big Idea ### Purpose Communicate a single concept with maximum impact. This pattern is the embodiment of Seth Godin's "6 words or less" principle and creates the most memorable moments in presentations. ### Core Elements **Text Requirements**: - Absolute maximum: 6 words - Ideal: 1-3 words - Font size: 60-120pt (yes, that large) - Font weight: Bold or heavy preferred - No punctuation unless essential (question mark, exclamation acceptable) **Visual Treatment**: - **Option A - Text Only**: Massive typography fills the slide - **Option B - Text + Single Icon**: One simple, clear icon supporting the word - **Option C - Text + Full-Bleed Image**: Bold text over compelling photograph - **Option D - Isolated Number**: Giant statistic with minimal context **Layout Specifications**: - Text occupies 40-60% of slide area - Positioned using rule of thirds or dead center - Whitespace is essential - minimum 30% empty space - If using image, ensure it doesn't compete with text ### Design Principles **Emphasis Through Size**: - Text should be readable from 50+ feet away - Use optical sizing - adjust for visual balance not mathematical precision - Heavy font weights prevent text from looking weak at large sizes **Color Strategy**: - Monochromatic: Single color on contrasting background (safest, cleanest) - Accent color: Key word in accent color, rest neutral (draws eye strategically) - Brand palette: Use brand colors for consistency **Typography Selection**: - Sans-serif for modern, clean impact (Helvetica, Avenir, Gotham) - Bold serif for traditional, authoritative feel (Playfair, Garamond Bold) - Display fonts acceptable if highly readable (avoid decorative) ### Use Cases **Key Statistics**: ``` "83%" (That's it. Let the number sink in. Explain verbally.) ``` **Transitions**: ``` "But..." (Signals shift in narrative) ``` **Memorable Phrases**: ``` "10x Growth" (Bold claim that demands attention) ``` **Questions**: ``` "Why?" (Provokes thought, creates curiosity) ``` **Moments of Impact**: ``` "Everything Changed" (Emotional turning point) ``` ### Examples by Context **Board Update - Key Metric**: ``` Text: "$2.4M" Subtitle (small, 18pt): "Cost savings achieved Q4" Background: White Text color: Brand primary Font: Bold sans-serif, 100pt Position: Center ``` **Keynote - Provocative Statement**: ``` Text: "Obsolete" Background: Dark red (#8B0000) Text color: White Font: Heavy sans-serif, 120pt Position: Center Effect: One word conveys urgency of change ``` **Training - Concept Introduction**: ``` Text: "Pivot Tables" Icon: Simple table/grid icon above text Background: Light background Text color: Dark gray Font: Bold sans-serif, 80pt Position: Center with icon ``` **Pitch - Vision Statement**: ``` Text: "Accessible" Background: Full-bleed image of diverse students Overlay: 40% black from edges Text color: White Font: Bold serif, 90pt Position: Lower third ``` ### Common Mistakes to Avoid 1. **Too many words**: Seven+ words destroys the impact 2. **Too small**: Font under 60pt defeats the purpose 3. **Complexity**: Adding unnecessary elements dilutes focus 4. **Weak fonts**: Thin or light weights disappear at distance 5. **Poor word choice**: Generic words lack punch ("Important" vs "Critical") 6. **Overuse**: Every slide can't be "one big idea" - save for key moments ### Advanced Techniques **Progressive Revelation**: - Start with one word - Next slide adds second word - Builds phrase progressively - Creates narrative momentum **Numerical Sequences**: ``` Slide 1: "3" Slide 2: "Breakthroughs" Slide 3: "That Changed Everything" ``` **Contrasting Pairs**: ``` Slide 1: "Then" (old way) Slide 2: "Now" (new way) Creates before/after impact ``` --- ## Pattern 3: Visual + Caption ### Purpose Combine the power of imagery with minimal explanatory text. This is the workhorse pattern for visual storytelling - the image carries 80% of the message, the caption provides critical context. ### Core Elements **Visual Requirements**: - High-resolution image: Minimum 1920x1080 for 16:9, ideally 2K or 4K - Image quality: Professional photography or high-quality illustration - Relevance: Image must directly relate to and reinforce the message - Composition: Clear focal point, uncluttered background - Aspect ratio: Should fill 70-90% of slide area **Caption Specifications**: - Text length: 5-15 words maximum (one line ideal) - Font size: 24-36pt - Position: Usually bottom third, sometimes top or side - Background treatment: Solid bar, gradient, or none if contrast sufficient - Alignment: Usually left-aligned, centered for impact **Layout Options**: **Option A - Full Bleed with Bottom Caption**: ``` Image: Fills entire slide Caption: Bottom 15% of slide Caption background: Semi-transparent bar (70-80% opacity) Text: White or light color Padding: 20pt all sides of caption ``` **Option B - Image with Side Caption**: ``` Image: Left 70% of slide Caption area: Right 30% Caption background: Solid brand color Text: Contrasting color Vertical alignment: Center ``` **Option C - Image with Floating Caption**: ``` Image: Full slide Caption: Positioned over negative space in image Background: Subtle shadow or outline for legibility Text: Color depends on background ``` ### Design Principles **Image Selection Criteria**: 1. **Authenticity**: Prefer real photos over generic stock imagery 2. **Emotion**: Image should evoke appropriate emotional response 3. **Simplicity**: Clear subject, uncluttered composition 4. **Quality**: Crisp, well-lit, professionally captured 5. **Relevance**: Obvious connection to message (avoid metaphors audience must decode) **Caption Writing**: - **Descriptive**: "Students engaged in hands-on learning" - **Interpretive**: "This is what transformation looks like" - **Statistical**: "73% improvement in engagement scores" - **Narrative**: "Where it all began - June 2020" - **Provocative**: "Everything you know is wrong" **Color Coordination**: - Extract dominant colors from image for caption background - Ensure caption doesn't clash with image colors - Use complementary colors for accent and harmony ### Use Cases by Presentation Type **Board Update - Evidence**: ``` Image: Bar chart showing growth trend Caption: "Revenue up 34% year-over-year" Layout: Full-bleed chart Caption: Bottom bar, white text on dark background Purpose: Concrete evidence of success ``` **Keynote - Emotional Moment**: ``` Image: Powerful photograph of impact (students, customers, etc.) Caption: "This is why we do what we do" Layout: Full-bleed image Caption: Lower third, white text with subtle shadow Purpose: Create emotional connection ``` **Training - Example**: ``` Image: Screenshot or diagram showing concept Caption: "Notice how the formula references cell A1" Layout: Image fills slide Caption: Top banner, dark text on light background Purpose: Clear visual instruction ``` **Pitch - Problem Illustration**: ``` Image: Photograph showing problem state Caption: "Current classroom reality" Layout: Full-bleed image Caption: Bottom, white text on semi-transparent overlay Purpose: Establish problem before solution ``` ### Examples **Example 1: Impact Story** ``` Visual: Close-up photo of student working intently on project Caption: "Engagement increased 89% with new curriculum" Layout: Full-bleed image Caption Position: Bottom third Caption Background: Black bar, 75% opacity Text: White, 28pt, left-aligned with 30pt left padding Effect: Human face + concrete data = compelling evidence ``` **Example 2: Before/After** ``` Slide 1: Visual: Dated classroom with rows of desks Caption: "Traditional learning environment" Layout: Full-bleed Caption: Simple bottom text, white with drop shadow Slide 2: Visual: Modern collaborative learning space Caption: "Reimagined for 2025" Layout: Same as Slide 1 Effect: Visual contrast reinforces transformation narrative ``` **Example 3: Process Step** ``` Visual: Diagram or photo showing specific step Caption: "Step 3: Connect the data sources" Layout: Image 80% of slide Caption: Right sidebar, brand color background Text: White, 24pt Icon: Small numbered circle "3" above text Effect: Clear, sequential instruction ``` ### Common Mistakes to Avoid 1. **Generic stock photos**: Fake-looking people with forced smiles 2. **Caption too long**: Paragraph of text defeats the visual-first purpose 3. **Poor image quality**: Pixelated, stretched, or low-resolution images 4. **Competing elements**: Image and caption fight for attention 5. **Illegible text**: Caption lacks sufficient contrast with background 6. **Irrelevant imagery**: Image is decorative, not meaningful 7. **Busy backgrounds**: Too much visual noise distracts from message ### Advanced Techniques **Ken Burns Effect** (if presenting digitally): - Slow zoom on static image - Creates motion and maintains interest - Use sparingly - can be distracting if overused **Split Image**: ``` Left 50%: Before image Right 50%: After image Caption: Center, spanning both - "6-month transformation" Effect: Direct visual comparison ``` **Image Series**: ``` Three images on one slide (each 33% width) Single caption below: "Three approaches to the same problem" Effect: Comparison without clutter ``` **Annotated Images**: ``` Image: Screenshot or diagram Annotations: Minimal callouts (arrows, circles, labels) Caption: "Focus on the highlighted section" Effect: Guides attention to specific elements ``` --- ## Pattern 4: Data Visualization ### Purpose Present quantitative information in the clearest, most truthful, and most impactful way possible. This pattern follows Edward Tufte's principles of graphical integrity and maximum data-ink ratio. ### Core Principles (Tufte) **Graphical Integrity**: 1. **Lie Factor** = (Size of effect shown in graphic) / (Size of effect in data) - Acceptable range: 0.95 to 1.05 - Outside this range = distortion 2. **Representation of numbers should be proportional to numerical quantities** 3. **Use clear, detailed labeling** - avoid ambiguity 4. **Show data variation, not design variation** **Maximize Data-Ink Ratio**: - **Data-ink**: Ink used to display actual data - **Non-data-ink**: Everything else (borders, backgrounds, decorations) - **Goal**: Maximize (data-ink / total ink) - **Method**: Remove everything that isn't data ### Chart Type Selection **Line Charts**: - **Best for**: Trends over time, continuous data - **When to use**: Showing change, trajectory, patterns - **Data requirements**: At least 5-7 data points for meaningful trend - **Key features**: Clear axis labels, legend if multiple lines, gridlines minimal **Bar Charts**: - **Best for**: Comparing discrete categories - **When to use**: Comparing quantities across categories - **Orientation**: Vertical (column) for time-based, horizontal for categorical - **Key features**: Bars should touch or have minimal spacing, start axis at zero **Scatter Plots**: - **Best for**: Showing relationships between two variables - **When to use**: Correlation analysis, clustering, outlier detection - **Key features**: Clear axis scaling, trend line if appropriate, labeled outliers **Pie Charts** (use rarely): - **Best for**: Parts of a whole (ONLY if <5 segments) - **When to use**: Showing simple proportions (avoid if possible) - **Better alternative**: Bar chart is almost always clearer - **If must use**: Start at 12 o'clock, go clockwise, label directly **Small Multiples**: - **Best for**: Comparing patterns across multiple categories - **When to use**: Same data structure repeated across segments - **Key features**: Identical scales, same chart type, grid layout - **Example**: Sales trends for each region, same date range ### Design Specifications **Typography for Data**: - Axis labels: 14-18pt, sans-serif - Data labels: 12-16pt, shown sparingly (only key values) - Title: 24-28pt, descriptive not generic - Source citation: 10-12pt, bottom right corner **Color for Data**: - **Single series**: One color, varying shade for emphasis - **Multiple series**: Distinct colors (colorblind-safe palette) - **Diverging data**: Blue-white-red or similar - **Categorical**: Distinct hues with sufficient contrast - **Avoid**: Traffic light colors (red/yellow/green) unless truly stop/caution/go **Elements to Eliminate** (Chart Junk): 1. 3D effects - distort perception of quantities 2. Unnecessary gridlines - use sparingly, light gray 3. Bold borders around chart area - use minimal or none 4. Decorative backgrounds - solid white or very light gray only 5. Default color gradients - use flat colors 6. Excessive tick marks - show only necessary intervals 7. Redundant labels - if in legend, don't label each bar **Elements to Emphasize**: 1. Data points/bars/lines - these are the story 2. Key values - highlight the insight 3. Trend lines - if they reveal pattern 4. Annotations - explain anomalies or key points 5. Scale - always clear what units represent ### Example Specifications **Example 1: Revenue Growth (Line Chart)** ``` Chart Type: Line chart Data: Quarterly revenue, 2023-2025 Layout: Chart fills 80% of slide Title: "34% Revenue Growth Over 3 Years" X-Axis: Quarters (Q1 2023 → Q4 2025) Y-Axis: Revenue ($M), starting at 0 Line: Bold (3pt), brand primary color Gridlines: Horizontal only, light gray (10% opacity), major intervals Annotation: Arrow pointing to Q3 2025 → "New product launch" Data labels: Start, end, and peak values only Background: White Font: Sans-serif throughout ``` **Example 2: Category Comparison (Bar Chart)** ``` Chart Type: Horizontal bar chart Data: Student performance by subject (5 subjects) Layout: Chart fills 75% of slide, centered Title: "Math Scores Lead Academic Performance" X-Axis: Percentage (0-100%) Y-Axis: Subject names Bars: All same color except highest (Math) - highlighted in brand accent Spacing: Minimal between bars Data labels: End of each bar showing exact percentage Gridlines: Vertical, light gray, every 20% Background: Light gray (#F5F5F5) ``` **Example 3: Comparison Across Segments (Small Multiples)** ``` Chart Type: 4 identical line charts in 2x2 grid Data: Usage patterns for 4 customer segments Layout: Each chart 45% of slide width/height Titles: Customer segment name above each Shared Y-axis: Usage frequency (0-100) Shared X-axis: Months (Jan-Dec) Lines: Same brand color in all four Gridlines: Minimal, shared scales Annotation: Overall title "Usage Patterns Vary By Segment" Background: White with subtle dividing lines between charts ``` ### Common Mistakes to Avoid 1. **Non-zero baseline**: Bar charts not starting at zero distort perception 2. **Dual-axis abuse**: Two Y-axes can manipulate correlation appearance 3. **Too many data series**: More than 4-5 lines becomes spaghetti chart 4. **Missing context**: No title, source, or units 5. **Misleading scales**: Logarithmic when linear expected, or truncated range 6. **Decorative over functional**: Prioritizing aesthetics over clarity 7. **3D pie charts**: The worst offender - distorts all proportions 8. **Tiny fonts**: Data labels too small to read 9. **Rainbow colors**: Using every color destroys visual hierarchy 10. **Chart junk**: Unnecessary backgrounds, borders, shadows, gradients ### Advanced Techniques **Sparklines** (Tufte): - Tiny line charts embedded in text or tables - Show trend without axes or labels - Effective for showing many trends simultaneously - Example: "Revenue $2.4M [tiny trend line showing up/down]" **Slopegraphs**: - Compare two points in time - Lines connect same category across time periods - Slope shows change (up/down/flat) - Cleaner than bar chart for before/after **Dot Plots**: - Alternative to bar charts - Shows value as positioned dot - Reduces ink, increases clarity - Especially good for many categories **Annotated Charts**: - Add explanatory text directly on chart - Arrow pointing to significant data point - "Here's where policy changed" - Makes insight explicit, not just implied --- ## Pattern 5: Timeline / Process ### Purpose Show progression, sequence, or chronological flow. This pattern makes complex processes understandable and temporal relationships clear. ### Core Elements **Structure Requirements**: - 3-7 steps maximum (cognitive load limit) - Each step labeled clearly - Visual connection between steps (arrows, lines, numbers) - Minimal text per step (5-10 words) - Consistent visual treatment across all steps **Visual Treatment Options**: **Option A - Horizontal Linear**: ``` [Step 1] → [Step 2] → [Step 3] → [Step 4] Left to right progression (Western reading) Equal spacing between elements Arrow or line connecting ``` **Option B - Vertical Linear**: ``` [Step 1] ↓ [Step 2] ↓ [Step 3] ``` Top to bottom (natural gravity/sequence) Good for processes with sub-steps ``` **Option C - Circular/Cyclical**: ``` [Step 1] ↙ ↖ [Step 4] [Step 2] ↖ ↙ [Step 3] ``` For processes that repeat Shows no definitive end ``` **Option D - Timeline with Dates**: ``` 2020 ----•---- 2022 ----•---- 2024 ----•---- 2026 Event Event Event Future Historical progression Specific dates marked ``` ### Design Specifications **Step Containers**: - Shape: Rectangles, circles, or rounded rectangles (consistent) - Size: Large enough for text (minimum 150pt x 150pt) - Color: Sequential (lightest to darkest) OR consistent with one highlighted - Border: Optional, 2-4pt if used - Spacing: 40-60pt between containers **Connectors**: - Arrows: Bold (4-6pt), simple style - Lines: Straight or curved, 3-5pt thickness - Color: Neutral gray or brand color - Style: Avoid fancy arrowheads - simple is best **Text Treatment**: - Step number/label: Bold, 18-24pt - Step description: Regular, 14-18pt - Alignment: Centered within container - Line spacing: 1.3-1.5x **Icons** (optional): - Simple, flat design icons - Positioned above or beside step label - Size: 40-60pt - Color: Match step container or accent color ### Use Cases **Project Roadmap**: ``` Q1 2025: Discovery → Q2 2025: Design → Q3 2025: Build → Q4 2025: Launch Each quarter as step Timeline shows progression Current position highlighted ``` **Process Flow**: ``` 1. Intake → 2. Assessment → 3. Planning → 4. Implementation → 5. Review Clear sequential process Numbered steps Arrows show direction ``` **Historical Timeline**: ``` 2020: Founded → 2022: Series A → 2024: Expansion → 2026: IPO (projected) Company milestones Mix of past and future Visual distinction between actual and planned ``` **Instructional Steps**: ``` Step 1 Step 2 Step 3 ↓ ↓ ↓ [Screenshot 1] [Screenshot 2] [Screenshot 3] "Click File" "Select Export" "Choose PDF" Visual + textual instruction ``` ### Examples by Presentation Type **Board Update - Quarterly Progress**: ``` Visual: Horizontal timeline Steps: 4 quarters Design: - Q1-Q3: Filled circles (completed) - Q4: Outlined circle (current) - Each with 2-line label: "Q3 2025" / "Product Beta" - Line connecting all Color: Completed = brand green, Current = brand primary Background: White ``` **Keynote - Transformation Journey**: ``` Visual: Ascending diagonal path Steps: 3 major phases Design: - Large numbers (1, 2, 3) in circles - Short phase name below each - Arrow path between - Increasing opacity to show progression Text: Bold numbers (48pt), labels (24pt) Background: Gradient light to dark Effect: Visual metaphor of climbing/growing ``` **Training - Process Steps**: ``` Visual: Vertical flowchart Steps: 5 sequential actions Design: - Rounded rectangles - Numbered 1-5 - Down arrows between - Each step: Icon + label + brief description - Current step highlighted in different color Background: Light background Effect: Clear, easy to follow instruction ``` **Pitch - Traction Timeline**: ``` Visual: Horizontal timeline with milestones Steps: Key achievements from founding to present Design: - Timeline bar at bottom - Milestones as points above bar - Date labels below bar - Achievement labels above - Exponential growth implied by increasing frequency Color: Milestones in accent color, bar in neutral ``` ### Common Mistakes to Avoid 1. **Too many steps**: More than 7 becomes overwhelming 2. **Inconsistent spacing**: Irregular gaps imply irregular timing (unless intentional) 3. **Unclear sequence**: Ambiguous flow direction 4. **Too much text**: Paragraph descriptions defeat visual flow purpose 5. **Weak connectors**: Arrows too thin or unclear 6. **Visual clutter**: Mixing too many icon styles, shapes, colors 7. **Poor hierarchy**: All steps look equally important when some are not 8. **Missing context**: Timeline without dates, process without start/end labels ### Advanced Techniques **Branching Paths**: ``` Step 1 ↓ ↙ ↓ ↘ Option A B C ↘ ↓ ↙ Outcome ``` Shows decision points Multiple paths to result ``` **Parallel Processes**: ``` Process A: Step 1 → Step 2 → Step 3 ↓ ↓ ↓ Process B: Step 1 → Step 2 → Step 3 ``` Two simultaneous workflows Vertical alignment shows synchronization ``` **Swimlane Diagram**: ``` Customer: Action → Wait → Receive Company: Receive → Process → Deliver System: Log → Notify → Archive ``` Who does what when Horizontal lanes by actor ``` --- ## Pattern 6: Transition / Section Break ### Purpose Signal major shifts in the presentation narrative. These slides are the chapter breaks in your presentation story - they give the audience a mental pause and prepare them for a new direction. ### Core Elements **Text Requirements**: - Absolute minimum: 1 word - Maximum: 5 words - Font size: 60-100pt - Weight: Bold to Extra Bold - Purpose: Signal change, not inform **Visual Treatment**: - **Option A - Simple Text**: One word/phrase on solid background - **Option B - Visual Metaphor**: Image representing the transition - **Option C - Chapter Number**: "Part 2" or "03" with section name - **Option D - Question**: Provocative question leading to next section **Color Strategy**: - Different from surrounding slides (signals change) - Often higher contrast or inverted from main deck - Brand color acceptable but not required ### Design Specifications **Minimal Approach**: ``` Text: "But..." Background: Solid color (inverted from previous slides) Font: Bold sans-serif, 80pt Position: Dead center Effect: Creates pause, signals shift ``` **Chapter Style**: ``` Text: "Part 2" (small, 24pt, top) + "The Solution" (large, 64pt, center) Background: Full-bleed image or gradient Design: Number and title stacked Effect: Clear chapter structure ``` **Metaphorical**: ``` Text: "The Turning Point" Visual: Image of path diverging, door opening, bridge, etc. Overlay: Text over image with sufficient contrast Effect: Visual reinforces narrative shift ``` ### Use Cases **From Problem to Solution**: ``` Transition: "The Answer" Color: Shift from dark (problem) to light (solution) Font: Bold, optimistic Position: Center ``` **Between Main Sections**: ``` Part 1 slides → Transition: "Part 2" → Part 2 slides Visual: Different background color for transition Text: Large number + section name ``` **Rhetorical Question**: ``` Text: "What if we could?" Background: Thought-provoking image Effect: Creates anticipation for next section ``` **Timeline Break**: ``` Past slides → Transition: "Today" → Future slides Visual: Timeline element or calendar icon Color: Distinct from both past and future ``` ### Examples by Presentation Type **Board Update - Section Break**: ``` Between: "Results" and "Recommendations" Text: "Looking Forward" Background: Brand primary color Font: Brand font, white, 72pt, center Duration: Brief pause, no narration needed Effect: Signals shift from analysis to action ``` **Keynote - Emotional Shift**: ``` After: Series of problem slides Transition: "But what if..." Background: Black Text: White, italic, 64pt, center Visual: Slight pause in delivery Effect: Creates dramatic tension before solution reveal ``` **Training - Module Break**: ``` Between: Module 1 and Module 2 Text: "Module 2" (top, 24pt) + "Data Analysis" (center, 56pt) Background: Light gray with module icon Include: Progress indicator (2 of 5) Effect: Clear structure, shows progress ``` **Pitch - Credibility Shift**: ``` After: Product demo slides Before: Team/traction slides Text: "Who We Are" Background: Team photo (blurred) with overlay Font: Bold, confident Effect: Transition from what to who ``` ### Common Mistakes to Avoid 1. **Too much information**: Transition slide with paragraph of text 2. **Inconsistent use**: Only some sections have breaks 3. **Weak visual distinction**: Looks too similar to content slides 4. **Too frequent**: Transition after every slide dilutes impact 5. **Unnecessary decoration**: Fancy animations or effects 6. **Missing purpose**: Generic "Next" instead of meaningful signal ### Advanced Techniques **Countdown Structure**: ``` "3 Reasons This Matters" → [Reason 1 slide] → "2 More Reasons" → [Reason 2 slide] → "Final Reason" → [Reason 3 slide] ``` Creates anticipation Shows progress through list ``` **Perspective Shift**: ``` "From the outside..." → [External viewpoint slides] → "From the inside..." → [Internal perspective slides] ``` **Time Travel**: ``` "Five Years Ago" → [Historical slides] → "Today" → [Current slides] → "Five Years From Now" → [Future slides] ``` --- ## Pattern Selection Matrix | Presentation Type | Pattern 1 (Title) | Pattern 2 (Big Idea) | Pattern 3 (Visual+Caption) | Pattern 4 (Data) | Pattern 5 (Timeline) | Pattern 6 (Transition) | |-------------------|-------------------|----------------------|----------------------------|------------------|----------------------|------------------------| | **Board Update** | 10% | 10% | 30% | 40% | 5% | 5% | | **Keynote** | 10% | 40% | 30% | 5% | 10% | 5% | | **Training** | 10% | 5% | 20% | 30% | 30% | 5% | | **Pitch** | 10% | 30% | 25% | 30% | 5% | 0% | --- ## Mixing Patterns Effectively **Rule of Variation**: - Never use same pattern for more than 3 consecutive slides - Alternate between high-impact (Pattern 2) and supportive (Pattern 3, 4) - Use transitions (Pattern 6) to reset audience attention **Visual Rhythm**: - Pattern 1 (Title) → Pattern 3 → Pattern 3 → Pattern 6 → Pattern 2 → Pattern 4 → Pattern 3... - Creates flow: Introduction → Evidence → Evidence → Shift → Impact → Data → Evidence **Energy Management**: - High energy: Patterns 1, 2, 6 - Medium energy: Pattern 3 - Lower energy: Patterns 4, 5 (require more processing) - Alternate to maintain engagement --- ## Accessibility Considerations **For All Patterns**: - Minimum font size: 30pt (preferably 36pt+) - Contrast ratio: 4.5:1 minimum (7:1 preferred) - Color: Never rely solely on color to convey meaning - Alt text: Describe images for screen readers (future enhancement) - Animations: Avoid or allow pause/control --- This comprehensive pattern library provides the foundation for creating presentations that are simultaneously beautiful, clear, and impactful. Master these six patterns and their variations, and you'll have the tools to create world-class presentations for any context.