feat: update slide deck

This commit is contained in:
Jim Liu 宝玉
2026-01-17 03:11:50 -06:00
parent fa155da15d
commit c731faea8f
21 changed files with 1124 additions and 405 deletions
@@ -1,29 +1,67 @@
# storytelling
Narrative-driven, cinematic, immersive
Cinematic narrative style with full-bleed visuals and emotional impact
## Design Aesthetic
Full-bleed imagery, dramatic typography, chapter-like flow
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.
## Color Palette
## Background
- Background: Rich charcoal (#2D2D2D) or full-bleed imagery
- Primary Text: Warm white (#FAF9F6)
- Accent: Warm gold (#D4AF37)
- Color: Varies by mood - dark for drama (#0F0F0F), warm for comfort (#FDF8F3)
- Texture: Photographic or illustrated backgrounds, subtle vignetting
## Typography
- Primary Font: Playfair Display (headlines)
- Secondary Font: Lora (body)
### 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 photos
- Dramatic typography
- Chapter markers
- Emotional imagery
- 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, journey narratives, brand stories
Case studies, brand stories, narrative presentations, emotional pitches, documentary-style content, origin stories, customer journeys