Hero Image
- The brand logo acts as a home button and is displayed on all pages in the center of the navigation.
- At resolutions below 1500px, up to 16% of the left and right sides will be cropped. The brand logo will cover up and additional 18% of the left side of the hero image on small screens.
Header and Logo Requirements
| Tile Type | Min Image Size | Max File Size |
|---|---|---|
| Hero Image | 3000×600 | 5 MB |
Hero Image cropping
To support various screen resolutions, the image will be cropped on resolutions below 1500px wide. Up to 16% of the left and right sides will be cropped on small screens. The brand logo will cover up and additional 18% of the left side of the hero image on small screens. Any Logos or text in the hero image must be in the safe area to prevent cropping.
Example of hero image cropping on a small screen
