Hero

A full-bleed photo or video hero, 85% of the viewport tall with a 448px floor (512px from tablet). A Display title, optional subtitle and up to two Button atoms sit bottom-left over a darkening gradient; with USPs the content moves to the top and centres. An optional award pill sits above the title. The preview frame has a real viewport height, so the hero sizes as it would on a device.