JimLiu-baoyu-skills/skills/baoyu-slide-deck/references/styles/storytelling.md

2.2 KiB

storytelling

Cinematic narrative style with full-bleed visuals and emotional impact

Design Aesthetic

Cinematic, full-bleed imagery that creates emotional connection. Story-driven compositions that guide the viewer through a narrative arc. Each slide is a scene in a larger story. Photography and illustration work together to create atmosphere.

Background

  • Color: Varies by mood - dark for drama (#0F0F0F), warm for comfort (#FDF8F3)
  • Texture: Photographic or illustrated backgrounds, subtle vignetting

Typography

Primary Font (Headlines)

Elegant serif like Playfair Display, Libre Baskerville, or editorial serif. Large, expressive headlines that complement imagery. Can use italic for emotional emphasis.

Secondary Font (Body)

Clean sans-serif for contrast and readability. Light weight to not compete with imagery. White or dark depending on background.

Color Palette

Role Color Hex Usage
Background Dark Near Black #0F0F0F Dramatic scenes
Background Warm Warm Cream #FDF8F3 Comfortable scenes
Primary Text Light Off-White #FAFAFA Text on dark
Primary Text Dark Deep Charcoal #1F1F1F Text on light
Accent Warm Golden #D4A853 Warm highlights
Accent Cool Teal #2DD4BF Cool accents
Overlay Black 40% rgba(0,0,0,0.4) Text legibility

Visual Elements

  • Full-bleed photographic or illustrated backgrounds
  • Cinematic aspect compositions (rule of thirds)
  • Text overlays with subtle background darkening
  • Atmospheric lighting and mood
  • People and human elements when possible
  • Emotional color grading
  • Subtle motion blur or depth of field effects
  • Vignetting to draw focus

Style Rules

Do

  • Create emotional connection through imagery
  • Use photography or illustration as primary element
  • Let visuals tell the story
  • Create consistent mood throughout deck
  • Use text sparingly - images speak

Don't

  • Use stock photo aesthetic
  • Crowd slides with text
  • Mix conflicting visual moods
  • Use clip art or basic shapes
  • Add slide numbers, footers, or logos

Best For

Case studies, brand stories, narrative presentations, emotional pitches, documentary-style content, origin stories, customer journeys