Web Banners & Layouts
Work in Progress
This section is currently being developed. Detailed specifications and templates will follow shortly.
Banner Formats
| Type | Dimensions | Usage |
|---|---|---|
| Hero Banner | 1920 × 600 px | Website headers, landing pages |
| Open Graph Image | 1200 × 630 px | Link previews (social sharing) |
| Blog Header | 1200 × 400 px | Article images |
| Sidebar Banner | 300 × 250 px | Ad placements |
| Leaderboard | 728 × 90 px | Ad placements |
Design Principles
- Whitespace — Keep at least 20% of the area clear
- Logo placement — Always visible, never centered on full-bleed images
- CTA buttons — In BAUER Orange (#FF8500) with white text
- Text amount — Maximum 2 headline lines + 1 subtext line
Planned Content
- Open Graph template for all subpages
- Hero banner template (Figma/SVG)
- Blog header generator guidelines
- Newsletter header specification