# Asset Type: Blog Hero

**Purpose:** Full-width header image for blog/content articles
**Priority:** High — first visual impression of any article

---

## Technical Specs

| Spec | Value |
|---|---|
| Dimensions | 1200 × 630px (16:9) |
| Format | JPG or WebP |
| File size | < 300KB |
| Text overlay area | Left 60% or top 40% must be clear or low-detail for headline |
| Safe zone | Keep key subject in center-right 40% to allow left text overlay |

---

## Compositional Rules

- **Wide establishing shot** — context over close-up
- **Negative space intentional** — headline must be readable over the image
- **Subject clarity** — viewer knows what the image is about in < 2 seconds
- **No text in the image itself** — text is overlaid by the CMS, not embedded in image
- **Mood first** — the image sets the emotional tone of the article before anyone reads a word

---

## Prompt Additions for Blog Hero

Append to base style fragment:
```
wide establishing composition, 16:9 horizontal format, left third negative space for headline overlay,
subject positioned right-center, environmental context visible, no embedded text
```

---

## Quality Gate

Before approving a blog hero:
- [ ] Does it feel like it belongs on a premium editorial or tech blog?
- [ ] Is there clean space for a headline to sit without fighting the image?
- [ ] Does it match the article topic (not just the product brand)?
- [ ] Would you pause your scroll for this image?
- [ ] Does it match the product's aesthetic profile?
