68 lines
2.2 KiB
Markdown
68 lines
2.2 KiB
Markdown
# 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
|