Canvas Design System
Main Site Tokens

Presentation Style Guide

Guidelines for creating on-brand Workshopr presentations for keynotes, webinars, sales decks, and training materials.

Presentation Setup

Standard dimensions and file settings for all Workshopr presentations.

Slide Dimensions
Aspect Ratio 16:9 (Widescreen)
Dimensions 1920 × 1080 px
Safe Margins 80px all sides
Export Format PDF, PPTX, or Google Slides
Font Setup
Headings Fraunces (Bold, 700)
Body Text Inter (Regular, 400)
Fallback Georgia / Arial
Download Google Fonts

Presentation Color Palette

A focused palette for clear, readable slides.

Primary Colors
Workshopr Red
#E54D4D
Navy
#1A2744
Ink
#2C2416
White
#FFFFFF
Background Colors
White (Default)
#FFFFFF
Warm Cream
#FEF7F1
Navy (Dark slides)
#1A2744
Red (Accent slides)
#E54D4D
Accent Colors (for charts, highlights)
Sky Blue
#0284C7
Purple
#7C4DFF
Emerald
#10B981
Amber
#F59E0B

Typography Scale

Consistent sizing for readability at any venue.

Element Font Size Weight Color
Slide Title Fraunces 48-60px Bold (700) Ink #2C2416 or White
Section Divider Fraunces 72-96px Bold (700) White on Navy/Red
Subtitle Inter 24-32px Regular (400) Ink Muted #78716C
Body Text Inter 24-28px Regular (400) Ink Secondary #5C5242
Bullet Points Inter 24-28px Regular (400) Ink Secondary #5C5242
Quote Fraunces Italic 32-40px Medium (500) Ink #2C2416
Caption/Source Inter 16-18px Regular (400) Ink Faint #A8A29E
Slide Number Inter 14px Medium (500) Ink Faint #A8A29E
tips_and_updates
Readability tip: If presenting in large venues, increase body text to 28-32px. Text should be readable from the back of the room.

Slide Layouts

Core templates for consistent, professional presentations.

Presentation Title
Subtitle or Date
Title Slide
Navy gradient background, centered title, logo bottom-left
Section Title
Section Divider
Bold red background, large centered text
Slide Title Here
• First bullet point with key insight
• Second bullet point with detail
• Third bullet point with action
Content - Bullets
White background, left-aligned title, red bullet points
Two Column Layout
Left Column
Supporting content here
Right Column
Supporting content here
Two Column
Side-by-side content with cream cards
"The best workshop I ever ran, I said almost nothing."
— Bill, Workshopr
Quote Slide
Cream background, centered italic Fraunces
47%
of workshop time is wasted on unclear objectives
Big Number/Stat
Large red number with supporting context
image
Title Here
Supporting text that explains the image or provides context.
Image + Text
50/50 split with image on left
Thank You
workshopr.io
@workshopr
Closing Slide
Navy background, URL and social handles

Visual Elements

Icons

Use Material Symbols (outlined style) for diagrams and illustrations.

groups
calendar_month
psychology
trending_up

Place icons in colored rounded squares (10px radius) with matching light backgrounds.

Charts & Graphs

Use the accent color palette for data visualization.

Order: Red → Blue → Purple → Green → Amber

Photography Guidelines
Do
  • Use authentic workshop/collaboration photos
  • Show diverse groups of people
  • Prefer candid over posed shots
  • Apply a subtle warm color grade
  • Use high-resolution images (min 1920px wide)
Don't
  • Use obvious stock photos
  • Show outdated technology
  • Use low-resolution or pixelated images
  • Apply heavy filters or effects
  • Crop faces awkwardly

Slide Transitions & Animations

Keep motion subtle and purposeful.

Recommended
  • Fade — Simple, professional transition between slides
  • Appear/Dissolve — For revealing bullet points one at a time
  • Wipe Left — For section dividers (optional)
  • Duration: 0.3-0.5 seconds
Avoid
  • Bouncy or springy animations
  • 3D flips, rotations, or cubes
  • Flying elements from off-screen
  • Sound effects
  • Animations longer than 1 second

Content Guidelines

Slide Content Rules
Rule Guideline
One idea per slide If you have two key points, use two slides
6 words per bullet max Bullets are prompts, not paragraphs
3-5 bullets per slide max More than 5 = split into multiple slides
Use speaker notes Details go in notes, not on the slide
Headlines, not sentences "Dot voting fails" not "Traditional dot voting often fails to produce meaningful results"
Voice & Tone (from Brand Guidelines)
Sound like...

A practitioner with 15+ years in the trenches sharing what they've learned. Direct, opinionated, helpful.

Don't sound like...

An academic textbook, a motivational speaker, a corporate training manual, or AI-generated content.

Logo Usage

Light backgrounds
Dark backgrounds
Brand backgrounds (white logo)

Placement: Bottom-left corner of title and closing slides. Minimum size: 100px width. Clear space: 24px around logo.

Presentation Types

Use the appropriate template for each context.

campaign
Keynote / Conference

Large venue presentations with bold visuals and minimal text.

  • Large type (48-96px headlines)
  • High-contrast colors
  • Full-bleed images
  • Speaker-driven, slides as backdrop
videocam
Webinar / Virtual

Screen-shared presentations for remote audiences.

  • More text acceptable (28-32px body)
  • Consider chat/Q&A real estate
  • Use cream backgrounds (easier on eyes)
  • Slides carry more content
handshake
Sales Deck

Client-facing presentations with clear value propositions.

  • Problem/solution structure
  • Social proof (logos, testimonials)
  • Clear CTAs
  • Leave-behind friendly
school
Training / Educational

Internal or customer training with detailed content.

  • Step-by-step structures
  • More detail per slide acceptable
  • Screenshots and demos
  • Include exercises/interactions

Pre-Presentation Checklist

Design Check
  • Fraunces for headings, Inter for body
  • Colors from approved palette only
  • Logo on title and closing slides
  • Consistent slide numbers
  • All images high-resolution
  • Text readable from back of room
Content Check
  • One idea per slide
  • No more than 5 bullets
  • Bullets are headlines, not sentences
  • Speaker notes complete
  • No banned words (leverage, synergy, etc.)
  • Spell check complete