cinematic-editorial-graphics

Files (1)

• SKILL.md

SKILL.md (first lines)

# Cinematic Editorial Graphics

Create dramatic, magazine-quality hero images combining photorealistic subjects with elegant editorial typography. Think National Geographic covers, Apple keynote slides, or NYT feature stories.

**Key principle**: Cinematic drama meets editorial elegance. The image tells a story; the typography frames it.

## When to Use

- Blog post hero images
- Newsletter feature headers
- Product announcement graphics
- Milestone/achievement announcements
- Event promotion graphics
- Social media covers (LinkedIn, Twitter)
- Presentation title slides
- Annual report covers
- Case study headers
- Feature story illustrations

Best for **announcements, achievements, and stories that deserve dramatic visual treatment**.

## Quick Reference

| Pattern | Use Case | Key Elements |
|---------|----------|--------------|
| Cosmic/Space | Tech announcements, AI milestones | Planets, stars, nebulae + serif typography |
| Nature Epic | Environmental, scale, journey | Mountains, oceans, landscapes + minimal text |
| Product Hero | Launch announcements | Product floating in dramatic lighting |
| Abstract Tech | AI/ML, data, innovation | Geometric forms, light trails, particles |
| Portrait Editorial | People stories, interviews | Dramatic portrait + overlaid text |
| Architectural | Business, enterprise | Buildings, structures + clean typography |

---

## Visual Style Guidelines

### Composition

- **Subject dominant**: 60-80% of frame
- **Typography placement**: Top third or bottom third (rule of thirds)
- **Negative space**: Intentional areas for text
- **Depth**: Foreground interest, mid-ground subject, background atmosphere
- **Lighting**: Dramatic, directional, cinematic

### Typography Style

| Element | Style |
|---------|-------|
| Headlines | Serif (Playfair, Times, Georgia) or elegant sans-serif |
| Case | Title case or ALL CAPS for impact |
| Weight | Light to regular (not bold) for elegance |
| Color | White, cream, or subtle color that contrasts with image |
| Alignment | Centered for symmetry, left-aligned for editorial |
| Special | Mix serif + italic for emphasis (e.g., "on *Mars*") |

### Color Palette

| Mood | Background | Accents | Text |
|------|------------|---------|------|
| Cosmic | Deep black, navy | Warm planet tones, star whites | Cream, white |
| Nature | Deep greens, earth tones | Golden hour, misty blues | White, cream |
| Tech | Dark gradients | Neon accents, light trails | White, electric blue |
| Corporate | Deep blue, charcoal | Gold, silver accents | White, gold |
| Warm | Sunset oranges, reds | Golden highlights | White, cream |

---

## Prompt Templates for AI Image Generation

### For Gemini (Google)

Gemini excels at photorealistic imagery with good understanding of composition and lighting.

#### Base Template
```
Create a cinematic editorial image:

SUBJECT: [Detailed description of main subject]
COMPOSITION: [Framing, rule of thirds, where subject sits]
LIGHTING: [Dramatic, golden hour, rim light, etc.]
MOOD: [Atmospheric, epic, contemplative, etc.]
STYLE: National Geographic cover quality, 8K resolution
SPACE FOR TEXT: Leave [top/bottom] third relatively clean for typography overlay

Technical: Photorealistic, shallow depth of field where appropriate, cinematic color grading
```

#### Space/Cosmic Template (like the Mars example)
```
Create a cinematic space photograph:

SUBJECT: [Planet/celestial body] shown in stunning detail with visible surface features - craters, valleys, atmospheric layers
COMPOSITION: Planet positioned [center-right/center-left], filling approximately 70% of frame
BACKGROUND: Pure black space, minimal stars to keep focus on subject
LIGHTING: Dramatic side lighting creating a visible terminator line (day/night boundary)
QUALITY: NASA/ESA quality photograph, 8K resolution, photorealistic
SPACE FOR TEXT: Clean black space at top and bottom for editorial typography

The image should feel like a National Geographic or NASA official photograph - awe-inspiring and scientifically accurate.
```

#### Nature Epic Template
```
Create a dramatic landscape photograph:

SUBJECT: [Mountain range/ocean/forest] at [time of day]
SCALE: Include [small human figure/vehicle/structure] for scale reference
COMPOSITION: [Leading lines/rule of thirds/symmetry]
ATMOSPHERE: [Mist/fog/clouds/rain] adding depth and drama
LIGHTING: [Golden hour/blue hour/storm light/dramatic shadows]
QUALITY: National Geographic cover quality, ultra high resolution
SPACE FOR TEXT: [Top/bottom] of frame has atmospheric negative space for typography

Style: Epic, cinematic, awe-inspiring
```

#### Product Hero Template
```
Create a dramatic product photograph:

From wpgaurav/WordPress-skills, MIT.

More from wpgaurav/WordPress-skills