Mini vic.gov.au

This is a low bandwidth version of vic.gov.au. Contents may not be up to date. © Copyright State Government of Victoria

Hero banners - digital guide

Selecting photographs for a banner or header imagery should be judged on a case-by-case basis. Selecting photographs for a banner or header imagery should be judged on a case-by-case basis. It’s difficult to define concrete rules, but there are some clear Dos and Don’ts that should guide your decisions. We’ve also included an example to illustrate each do and don’t below.

For more information about using text on top of images and accessibility, see Text on images.

Dos

Do use images with people in them

Photographs including human faces generally work well. People in photographs should be engaged in an activity. Use common sense when selecting images – subject matter should be considered carefully.

![](/sites/default/files/2018-10/Do use images with people in them.jpg)

Do use images that tell a story

Choose images that showcase what Victoria has to offer. Combine images and copy to tell a story. Photographs that don’t show people should still feel ‘alive’.

![](/sites/default/files/2018-10/Do use images that tell a story.jpg)

Do add an overlay if your image is too light

If there is not enough contrast between the text and image you are working with, and there is no alternative image, you’ll need to consider adding a 20%-40% black overlay if your chosen image is too light.

![](/sites/default/files/2018-10/Do add an overlay if your image is too light.jpg)

Do place text on flat colour to avoid accessibility issues

If using a background image is too tricky or it’s too hard to read text on top of a photograph it’s also great to use a big, bold colour for text to sit on in your hero banner.

![](/sites/default/files/2018-10/Single images.jpg)

Don’ts

Don’t use stretched or low-resolution images

Make sure images retain their proportions. Ensure images are large enough for the design.

Don’t use overly complex images

Complicated images can be distracting. These images can also make text inaccessible.

Don’t use images that are too light

Make sure there’s enough contrast between the type colour and the image behind it so that the combination is accessible. Adding a 20%-40% black overlay may help if your chosen image is too light.

![](/sites/default/files/2018-10/Do add an overlay if your image is too light_0.jpg)

Governance

Updated 5 July 2023


Join the conversation on digital

Get advice and share your insights with other digital practitioners. Join the Single Digital Presence Community of Practice(opens in a new window).

Join the SDP community


About the VIC Government

Grants and programs

Jobs and careers

Arts, culture and heritage

Business and the workplace

Communities

Education and training

Environment, water and energy

Finance and economy

Health and social support

Housing and property

Law and justice

Safety and emergencies

Science and technology

Sport and recreation

Traffic and transport

Working in the Victorian Government