# Display Network Sizes - Re-Author Required

The 4 hero ads were composed for square and portrait placements. Display-network sizes (300x250, 728x90, 160x600, 336x280, 320x50, 970x250) require re-authoring because:

1. The baked-in headline typography would become unreadable
2. The overlay cards need to be scaled and repositioned per aspect ratio
3. Safe zones differ by platform

## What is here

HTML/CSS templates in `/html-templates/` that the agency can use to build each display size programmatically. Each template:

- Uses the approved palette (CSS variables)
- Imports Inter and IBM Plex Mono locally
- Includes the overlay system (chips, hairlines, halo)
- Accepts a photograph as background
- Positions headline, subline, CTA, wordmark per size

## Required display sizes for launch

| Size | Name | Platform |
|------|------|----------|
| 300x250 | Medium Rectangle | Google Display, programmatic |
| 728x90 | Leaderboard | Google Display |
| 160x600 | Skyscraper | Google Display |
| 336x280 | Large Rectangle | Google Display |
| 320x50 | Mobile Banner | Google Display |
| 970x250 | Billboard | Google Display, premium inventory |
| 1200x628 | Link Preview | LinkedIn, Facebook link cards |
| 1080x1920 | Story/Reel | Instagram, Meta story, TikTok |

## Author guidance per size

**Small formats (300x250, 336x280, 320x50, 728x90):**
- Drop to one line of copy
- Remove overlay cards - overlays too small to read
- Keep pulse mark + headline + CTA only
- Example: "Walk in ready." + Pulse mark + "heyborton.com"

**Medium formats (160x600, 970x250, 1200x628):**
- Keep headline + CTA
- Add one overlay element maximum
- Subject photo cropped tightly

**Story/Reel (1080x1920):**
- Vertical reflow of portrait ad
- Headline top, subject mid-frame, CTA bottom
- Overlay chips stacked vertically right edge