There is no default background image, you will need to supply an image by attaching an inline style on <div class="hero-banner">. For example: <div class="hero-banner" style="background-image: url(path/to/image.jpg)">.
The main focus of this pattern is the call to action text so the background image shouldn't be overly complicated.
Using multiple images in a collage is discouraged as they are complicated.
Photographs including people are encouraged in the hero banner.
Photographs of the St Andrews skyline are encouraged in the hero banner.
Close ups of subjects, such as people's faces, are discouraged. The hero banner image should have room to breathe.
The hero banner heading must not exceed 40 characters.
The hero banner paragraph text must not exceed 230 characters.
There should be no more than one paragraph on a hero banner.
Background image template
So it may be positioned reliably across a variety of screen sizes, the background image must created using the Photoshop template below.