The hero should always be utilized as the top content row on a page. Hero content rows have three size options:
- Small
256px tall
Only shows the title field (if title field is left blank, will show the sub-title field)
- Medium
512px tall
Shows all fields (title, sub-title, buttons)
- Large
684px tall
Shows all fields (title, sub-title, buttons)
To add highlighting to the title, select an option in the "Title text style" field in the hero content row.
Image files
Image files should be about 1300px wide for all hero sizes (see below for optimization best practices). The image height should be between 200-800px depending on the height of the hero. The height also effects the area of the image that will be visible when scaled to mobile. A tall image could be used in a short hero because the mobile aspect ratio will take advantage of the extra height.
